Avant l'ère de youtube, les images GIF animés étaient le moyen le plus utilisé pour animer un page web. Maintenant, ils ne sont utilisés que pour quelques petites animations (comme les chargeurs ou des animations très courtes) et surtout pour le plaisir.

Popmotion est un moteur d'animation Javascript permettant de gérer le mouvement sur une interface utilisateur.

SVG est un des formats les plus attractifs pour créer tout type de graphique qui fonctionnent sur ??n'importe quelle type de plateforme.

cgSceneGraph est un environnement JavaScript  d'animation orientée objet et facile à utiliser qui est construit avec les propriétés HTML5 de canvas.

Aujourd'hui un petit clin d'oeil à tous les fans de la célèbre série de george lucas, j'ai nommé "Star Wars". Eric Power a réalisé cette petite animation de 2 minutes tout en papier coupé sur une chanson de Jeremy Messersmith.

Des images uniquement composées de logos. Six années de recherche et de travail ont été nécessaires aux trois graphistes français qui ont réalisé ce court-métrage d’animation sélectionné aux Oscars cette année. Le temps de se réapproprier les signes graphiques qui envahissent nos villes.

 

(source : sur le net du 12/02/2010 france24)

Ces sculptures imprimés en 3D, appelés Blooms créées par John Edmark qui enseigne le design à l'Université Stanford, sont conçus pour paraitre animer quand elles tournent sous une lumière stroboscopique. Chaque éléments de la sculture reprend la même méthode utilisé par mère nature pour les pommes de pin, les tournesols ...Pour cette vidéo, plutôt que d'utiliser un flash stroboscopique, la caméra a été réglé à une vitesse d'obturation très court (1/4000 sec) afin de "geler" la sculpture.

These 3-D printed sculptures, called blooms created by John Edmark, design teacher at Stanford University, are designed to animate when spun under a strobe light. The placement of the appendages is determined by the same method nature uses in pinecones and sunflowers. For this video, rather than using a strobe, the camera was set to a very short shutter speed (1/4000 sec) in order to freeze the spinning sculpture.

Voici Alma, une petite fille insouciente, un jour d'hiver ... une étrange façade de style art nouveau, et une mystérieuse poupée...un excellent petit film d'animation qui a été primé dans de nombreux festivals tels que Bradford, I Castelli Animati, Lashortsfest

 

Velocity est un plugin jQuery qui réimplémente la fonction animate() qui est plus performante (aussi rapide que les animations CSS) tout en incluant plusieurs nouvelles fonctionnalités pour améliorer la fluidité.

 

 

Walkway.js est un moyen facile d'animer des images SVG, comprenant principalement des lignes.