Kiwi's Adventure
Hommage à quelques séries célèbres par
J'ai essayé de faire les animations aux mieux de mes connaissances en y mettant des interactions sur différents éléments.
Testé uniquement sous chrome 52 sous linux.
Voir en ligne https://christopheboucaut.github.io/svg_animate_alsacreation/
Note obtenue : 7.000/10
Commentaires
Wow !
J'ai mis un temps à comprendre qu'on pouvait cliquer sur le kiwi, sur le ver (3 actions à déclencher) et sur le dernier cœur (et j'ai dû en rater d'autres).
Big up pour l'interactivité, des bisous à la pèche et un kaméhamé à toi !
Oui, c'est plutôt chic de permettre des choix multiples ! (et pour le coup, on est bien dans le jeu vidéo)
Les interactions ne sont pas évidente, ou alors ne fonctionnent pas vraiment sous FF.
En tout cas, il y a du boulot derrière !
@Chmood : Merci beaucoup :)
@puyo_des_marais : Oui, j'ai essayé de faire au mieux sans le JS. J'aurai voulu faire un truc plus poussé avec des checkbox/label mais j'ai pas réussi à les intégrer dans le SVG.
@arnolem : Oui, je n'ai testé que sur chrome 52 car j'avais eu pas mal de soucis d'animations sur le SVG dans un ancien projet il y a peu et je n'étais pas trop motivé à aller voir les autres navigateurs ^^'. C'est encore assez instable je trouve entre tous les navigateurs sans le JS (SMIL déprécié, IE/EDGE qui ne gère presque pas les animations du SVG via le CSS, etc). Par exemple, rien que cela ne fonctionne d'aucune façon sous IE : https://christopheboucaut.github.io/spinner-svg-geneanet/