Suivre le parcours sur papier d’un jeune acrobate dans un milieu urbain : voici le défi que se sont lancés les créateurs de cette vidéo qui circule actuellement sur les sites de partage. Une animation originale qui aura nécessité de longues heures de travail.

(source : sur le net du 08/01/2010 france24)

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.

La page d'accueil est la page qu'il faut absolument soigner car elle donne une idée générale du site que les interautes visitent.

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.

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

keyframes est une bibliothèque qui vous permet de créer facilement des animations avec des éléments DOM.

aos est une petite bibliothèque JavaScript vous permettant d'animer des éléments sur votre site web synchronisés avec le défilement.

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é.