May 052010
 

CSS3 transitions are now available on Firefox, Chrome, Safari, Opera and … IE9!, and it’s awesome.

CSS Transitions allows property changes in CSS values to occur smoothly over a specified duration.

Javascript is not anymore required for simple animation.

Specifically, we don’t need Javascript to manage animation with setInterval or with any library like jQuery.animate : Forget the animation management, stay focused on the real work.

In this article, I will try to explain why and how using css3-transition with some examples.

Continue reading »

 


Pré-requis conseillé: Voir la vidéo : HTML Canvas pour les néophytes

Le HTML 5 intègre de nouvelles technologies comme le canvas, une véritable API graphique destinée à remplacer le flash dans les années à venir.
Ce tutoriel vise à présenter canvas comme une librairie très simple d’utilisation et haut niveau grâce au langage javascript.
Il vous apprendra à réaliser une animation similaire à la bannière actuelle de mon blog en quelques lignes de code.

Continue reading »

 

Ce billet regroupe les films d’animation officiels réalisés avec le logiciel libre Blender.

A l’heure d’aujourd’hui, Elephants Dream et Big Buck Bunny ont fait parler d’eux et ont permis d’apporter de nombreuses améliorations au logiciel.

Vidéos dans la suite du billet…

Continue reading »

 

Sans plus attendre voiçi la vidéo de ce court métrage réalisé par une équipe d’infographistes japonais nommée Falcon-One (site officiel).

Ce court métrage de 7 minutes aborde un futur apocalyptique.

Dans un monde dévasté par le nucléaire, des soldats découvrent les restes de mémoire d’un robots de compagnie suivant la vie d’une jeune fille.

La qualité de ce film d’animation est excellente. Comme quoi, il est possible de réaliser de très bonnes créations avec Blender à la hauteur des logiciels concurrents quant à eux payant (et souvent très chers).