ORAVOX

Ok! Bien installé le bodymovin plugin.
Je vais voir comment cela fonctionne et je vous tiens au courant!

Sergre, tes petites anims postées ci dessus, tu peux les transformer en Lottie, sans problèmes.
Dixit AI : "- a Lottie file can be derived from an animated PNG (APNG) or, more accurately, from an image sequence"
Whopah! ;)

LottieFiles : The LottieFiles platform is a go-to resource for all things ...

Not sure what you meant MiQ.
Will the html canvas option bring its problems too?

If i understand more or less, you'll be de- and recompose the apng format into some other format that lets html or whatever other language regain controlability over its playing sequences?

"Le problème se situe dans Canvas."

Canvas or not Canvas? Je suis un peu perdu là.
Je ne saurais hélas pas passer cette semaine.
De toutes façons je vais voir un peu comment fonctionne l'élément canvas en html.

Voici le sprite sheet du timeline en 10x10 images de 610x987 pixels, ainsi que le CSS généré par texturepacker.

Voici texture packer - version portable et pré-crackée.

Xavier, si tu pouvais y jeter un coup d'oeil et voir quel format d'exportation te convient le mieux.

Pour des raisons de performance, surtout sur gsm's, le programme déconseille d'exporter les animations en un spritesheet/png unique (type ...

Bon, pour l'option de sprite sheets, j'ai réussi a mettre la main sur texturepacker full version.

https://www.codeandweb.com/texturepacker
https://www.codeandweb.com/texturepacker/tutorials/css

Je fais les anims dans After Effects, exporte une chiée de png's et puis les ferai passer par ...

Okidoki pour moi aussi,

donc toutes les animations en 610x987px en laissant des marges transparentes suivantes:
- 18px sur la gauche
- 18px sur la droite
- 114px en haut
- 144px en bas

Voici le WIP pour la transition de la couverture de l'histoire vers l'oravox interne

https://mojofarmer.com/oravox/Background_Transition/

Je n'ai pas encore l'image de fond Oravox donc pour l'instant c'est la couverture de l'histoire de Draculahaha

Morituri te salutant!
Dans la version 2: Létoile, le script et css sont pour l'instant emboutis dans le html, plus facile pour bidouiller (il n'y a qu'un fichier a éditer) :D
L'utilisation d'un opacity mask en html n'est pas encore complètement adapté sur tous les browsers et cela fût une galère ...

Voici le WIP pour l'animation de la timeline

- 8 étoiles qui gagnent de l'opacité en fonction de la quantité de secondes jouées du fichier mp3.
- on peut changer la quantité de secondes à jouer pour tester diverses situations.
- on peut accélérer 2x 4x le temps pour voir que cela reste consistent ...

Voici le WIP pour l'animation des étoiles de fond en fonction du play/pause/rewind

https://www.mojofarmer.com/oravox/Stars_Animations/Stars_play_pause_rewind/

Lancez le fichier Stars_control.html

La vitesse et le fading et quantité d'images en fading/trail sont ajustable par slider en bas de ...

Voilà voilà, enfin mon premier post.
J'ai bidouillé un peu avec l'AI pour m'aider à concocter des options d'anim du fond étoilé.
L'un repose plus sur du script java e l'autre sur un grid en en animation css avec un peu de java.
Je ne savias même pas que l'on pouvait animer en CSS, super ça Seagor ...