Kiwi's Adventure
Run for your kiwi par Chmood
Speed codé à la barbare - 3 heures chrono
Je voulais surtout un scrolling parallaxe (ma grande passion, hommage à Shadow of the Beast toussa), et que les bestioles aient l'air de se courser (Tex Avery m'habite).
Markup SVG passé dans Inkscape et impossible à optimiser, donc lourd et sale. Bug sous Firefox, testé sous Chrome.
Animateur, c'est un métier (pas le mien, heureusement) !
Voir en ligne http://codepen.io/Chmood/pen/wzGvBd
Note obtenue : 8.000/10
Commentaires
L'effet de parallaxe est de toute beauté ! Je kiff !
C'est plutôt pas mal au niveau de l'animation hormis le kiwi qui fait un peu déglingué.
J'ai regardé tout les projets sur firefox hier et aucun ne fonctionne donc je pense pas que tu seras pénalisé pour ça ;)
@_laurent :
Merci ! Ça a rien de sorcier, tant que les arrière-plans "bouclent" bien (d'où les retouches à la truelle dans Inkscape, et j'ai flingué les nuages au passage) ! Par contre ça a été salement long à mettre en place, en réglant les valeurs au pif :X
@bzh :
Je me suis rendu compte après-coup que c'était un bug assez connu dans mon cas, lié à la propriété `transform-origin` sous Firefox (j'avais trouvé ça : https://bugzilla.mozilla.org/show_bug.cgi?id=1209061).
L'animation du kiwi a été un grand moment de freestyle CSS, on récolte ce que l'on twerke...
Hé bien, c'est sacrément bien dynamique, beau travail ! (mention spéciale pour l’œil du Kiwi, héhé !)
C'est marrant, j'étais parti sur la même chose mais je n'ai malheureusement pas eu le tps de finir : http://arnaud.lemercier.me/demo-svg/
J'aime bien l'idée de la course ^^
Très fun comme animation :) J'adore le kiwi !
Très fluide et naturel. Bravo !