{"id":134,"date":"2026-10-11T10:00:00","date_gmt":"2026-10-11T08:00:00","guid":{"rendered":"https:\/\/www.salzwerk.app\/sprites-schmetterling-tiny-garden-days\/"},"modified":"2026-10-11T10:00:00","modified_gmt":"2026-10-11T08:00:00","slug":"sprites-schmetterling-tiny-garden-days","status":"publish","type":"post","link":"https:\/\/www.salzwerk.app\/fr\/sprites-schmetterling-tiny-garden-days\/","title":{"rendered":"Pourquoi mon papillon volait \u00e0 reculons"},"content":{"rendered":"<p>Dans Tiny Garden Days, le jardin doit sembler vivant. Je voulais donc faire voler un papillon et un oiseau \u00e0 travers l\u2019\u00e9cran. Pour cela, j\u2019ai travaill\u00e9 pour la premi\u00e8re fois avec des sprites.<\/p>\n<h2>Qu\u2019est-ce qu\u2019un sprite ?<\/h2>\n<p>Un sprite, c\u2019est en gros un folioscope sur une seule feuille. Plusieurs images sont plac\u00e9es c\u00f4te \u00e0 c\u00f4te sur une m\u00eame surface, et chacune montre le personnage dans une pose l\u00e9g\u00e8rement diff\u00e9rente. Pour le papillon, les ailes sont tant\u00f4t grandes ouvertes, tant\u00f4t \u00e0 moiti\u00e9, tant\u00f4t presque ferm\u00e9es.<\/p>\n<p>L\u2019app fait ensuite d\u00e9filer ces images rapidement. L\u2019\u0153il en fait un mouvement, et soudain le papillon bat des ailes. C\u2019est simple, \u00e7a demande peu de m\u00e9moire et \u00e7a fonctionne ainsi depuis les premiers jeux vid\u00e9o.<\/p>\n<h2>Le papillon en marche arri\u00e8re<\/h2>\n<p>L\u2019animation a \u00e9t\u00e9 vite int\u00e9gr\u00e9e. Les ailes battaient, tout \u00e9tait joli. Puis je l\u2019ai fait voler \u00e0 travers l\u2019\u00e9cran.<\/p>\n<p>Il volait. Mais \u00e0 reculons. Il regardait dans une direction et avan\u00e7ait dans l\u2019autre. Battant sagement des ailes, il traversait l\u2019\u00e9cran l\u2019arri\u00e8re en premier. J\u2019ai bien ri.<\/p>\n<p>La raison est banale : je n\u2019avais jamais indiqu\u00e9 \u00e0 l\u2019app dans quelle direction vole le papillon. L\u2019animation savait seulement comment battent les ailes, pas o\u00f9 m\u00e8ne le voyage.<\/p>\n<h2>Ce que j\u2019en retiens<\/h2>\n<ul>\n<li>Les animations de sprites se font vite et apportent beaucoup de vie \u00e0 une app.<\/li>\n<li>Le d\u00e9placement \u00e0 l\u2019\u00e9cran est une chose \u00e0 part. Je dois toujours indiquer \u00e0 l\u2019app dans quelle direction l\u2019objet doit bouger.<\/li>\n<li>Pour la direction oppos\u00e9e, pas besoin de nouvelles images. Les m\u00eames images, simplement invers\u00e9es, et il vole dans le bon sens.<\/li>\n<\/ul>\n<p>Aujourd\u2019hui, le papillon vole la t\u00eate la premi\u00e8re. Regarde-le toi-m\u00eame : <a href=\"https:\/\/apps.apple.com\/ch\/app\/tiny-garden-days\/id6821144578\">Tiny Garden Days dans l\u2019App Store<\/a>. \ud83e\udd8b<\/p>","protected":false},"excerpt":{"rendered":"<p>Pour Tiny Garden Days, j\u2019ai anim\u00e9 des sprites. C\u2019\u00e9tait simple \u2013 jusqu\u2019\u00e0 ce que le papillon traverse l\u2019\u00e9cran en marche arri\u00e8re.<\/p>","protected":false},"author":1,"featured_media":135,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_breakdance_hide_in_design_set":false,"_breakdance_tags":"","iawp_total_views":3,"_xspeed_no_cache":false,"_xspeed_expiry_hours":0,"footnotes":""},"categories":[3],"tags":[],"class_list":["post-134","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hinter-den-kulissen"],"_links":{"self":[{"href":"https:\/\/www.salzwerk.app\/fr\/wp-json\/wp\/v2\/posts\/134","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.salzwerk.app\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.salzwerk.app\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.salzwerk.app\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.salzwerk.app\/fr\/wp-json\/wp\/v2\/comments?post=134"}],"version-history":[{"count":0,"href":"https:\/\/www.salzwerk.app\/fr\/wp-json\/wp\/v2\/posts\/134\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.salzwerk.app\/fr\/wp-json\/wp\/v2\/media\/135"}],"wp:attachment":[{"href":"https:\/\/www.salzwerk.app\/fr\/wp-json\/wp\/v2\/media?parent=134"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.salzwerk.app\/fr\/wp-json\/wp\/v2\/categories?post=134"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.salzwerk.app\/fr\/wp-json\/wp\/v2\/tags?post=134"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}