https://giraffoxy.info/tags/animation/Recent content in Animation on GiraffoxyHugoen-usThu, 22 Oct 2026 00:00:00 +0000https://giraffoxy.info/posts/giraffoxy-wanders/Thu, 22 Oct 2026 00:00:00 +0000https://giraffoxy.info/posts/giraffoxy-wanders/<p>A small test of JavaScript animations on this blog. Meet the Giraffoxy — part fox, part giraffe — out for a stroll. <strong>Click (or tap) the canvas to make it hop.</strong></p> <figure class="anim"> <canvas id="anim-0" style="display:block;width:100%;height:320px;border-radius:12px"></canvas> <script src="https://giraffoxy.info/posts/giraffoxy-wanders/wander.js" data-canvas="anim-0" defer></script><figcaption>Drawn on a &lt;canvas&gt; with plain JavaScript — no libraries.</figcaption> </figure> <h2 id="how-its-made">How it&rsquo;s made</h2> <p>The script is a plain <code>.js</code> file sitting in this post&rsquo;s folder, next to <code>index.md</code>:</p> <pre tabindex="0"><code>content/posts/giraffoxy-wanders/ ├── index.md └── wander.js </code></pre><p>and the post embeds it with one line:</p>