Avez vous déjà essayé de déclencher une séquence d’images animées à partir d’un bouton ou autre déclencheur avec Aquafadas ? Cela ne fonctionne pas.

Soit la séquence d’images se lance en mode Autoplay à l’arrivée sur la page, soit le lecteur doit la glisser au doigt. Et quand on essaie de faire Jouer à partir d’un bouton, cela ne lance pas la séquence… FRUSTRANT !

Or un de mes élèves de l’école ESTEN, Raphaël, a trouvé la solution :

  • Laisser la Séquence d’images en mode AutoAnimation
  • Créer un bouton ou autre déclencheur, et demander Bloc par sélection, désigner la Séquence d’images :
  • On va commencer par demander STOPPER !! C’est l’astuce !
  • Puis on demande une autre action et on peut alors demander JOUER, ça fonctionne !!

Cette astuce Aquafadas permet d’intégrer différentes animations réalisées en séquences d’images (un peu comme du Gif animé), que ce soit à partir de Photoshop ou d’Illustrator. C’est parfait pour animer les yeux d’un personnage par exemple…

J’en profite pour teaser un peu et vous montrer les personnages du conte interactif pour enfants que nous sommes en train de réaliser avec mes étudiants :

Ils ne sont pas mignons, ces personnages? J’espère que ça vous donne envie de voir le travail fini !

Bravo Raphaël pour cette astuce !

Vincent Suzat

Vincent Suzat

Conseil en développement de projets print & Digital. Formateur Digital et print chez Ziggourat Formation, Esten Sup'Edition, Ecole des Gobelins. Rédacteur et co-fondateur d'ElectricNews.

S’abonner
Notifier de
guest
2 Commentaires
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
sofi sofa
sofi sofa
14 avril 2015 14 h 54 min

super ! Merci ça va me servir !

Electric Cyril
Electric Cyril
16 avril 2015 17 h 01 min

Merci Vincent pour cette astuce, mais je trouve dommage que la séquence d'images se lance automatiquement avant d'appuyer sur le bouton.

Donc pour ce faire, il faut choisir le type d'animation "Scroll" et non "Autoanimation".

Et si vous souhaitez que le lecteur ne puisse pas scroller la séquence au doigt, il faut créer un enrichissement vide par dessus la séquence d'image.

Pin It on Pinterest