🇫🇷 Voici les premiers tests de sprites animés. On est sur un jeu en HTML donc il faut que ça fonctionne dans un navigateur web. Il y a l’option des sprites en CSS, qui consiste à avoir toutes les frames de l'animation dans une seule image et ensuite jouer avec son positionnement (https://www.w3schools.com/css/css_image_sprites.asp). Mais pour avoir une animation, il faut coder en javascript l’enchainement des images. Et au plus l’animation et longue, au plus la feuille de sprites est grande, trop grande au bout d’un moment. J’ai également développé une petite librairie qui me permet de lire une séquence d’images, très efficace pour quelques éléments à l’écran mais au final trop gourmande pour beaucoup d’éléments en parallèle. Et finalement en testant un peu par hasard la solution du GIF animé je m’aperçois que cette solution est peut-être la meilleure. Ce qui est un plus c’est qu’en tant que graphiste, un GIF animé, c’est plus rapide à produire qu’une feuille de sprite et côté developpement, pas grand chose à faire au final.

🇺🇸 Here are the first tests of animated sprites. We are on an HTML game so it’s running in a web browser. There is the option of sprites in CSS, which consists of having all the animation frames into a single image and then playing with its positioning (https://www.w3schools.com/css/css_image_sprites.asp). But to have an animation, you have to code in javascript the sequence of images. And the longer the animation, the bigger the sprite sheet, too big after a while. I also developed a small library that allows me to play a sequence of images, very efficient for a few elements on the screen but ultimately too greedy for many elements in parallel. And finally, by testing the animated GIF solution by chance, I realize that this solution is perhaps the best. What is a plus is that as a graphic designer, an animated GIF is faster to produce than a sprite sheet and on the development side, not much to do.