<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Animation on Christian Martínez De La Rosa</title><link>https://christt105.github.io/ca/tags/animation/</link><description>Recent content in Animation on Christian Martínez De La Rosa</description><generator>Hugo -- gohugo.io</generator><language>ca</language><atom:link href="https://christt105.github.io/ca/tags/animation/index.xml" rel="self" type="application/rss+xml"/><item><title>Parallax Scene Editor</title><link>https://christt105.github.io/ca/projects/parallax-scene-editor/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://christt105.github.io/ca/projects/parallax-scene-editor/</guid><enclosure url="https://christt105.github.io/projects/parallax-scene-editor/cover.webp" length="28910" type="image/webp"/><description>&lt;p&gt;&lt;code&gt;Parallax Scene Editor&lt;/code&gt; és un editor d&amp;rsquo;escenes parallax de pixel art en bucle. S&amp;rsquo;obre al navegador, llegeix una carpeta del teu propi disc plena de sprites i exporta GIF, WebM o una seqüència de PNG. No hi ha servidor, ni pas de build, ni es puja res enlloc. És de codi obert amb llicència MIT.&lt;/p&gt;&#10;&lt;p&gt;Un fons parallax és fàcil de dibuixar i una nosa de muntar: cada capa es mou a la seva pròpia velocitat i tot ha de cabre en el mateix nombre de fotogrames perquè el bucle no faci salts. Aquí una escena és un únic fitxer JSON amb càmera, capes, actors i keyframes, i l&amp;rsquo;editor t&amp;rsquo;avisa en vermell quan alguna cosa no tancarà.&lt;/p&gt;&#10;&lt;p&gt;Característiques principals:&lt;/p&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;&lt;strong&gt;Treballa sobre la teva pròpia carpeta&lt;/strong&gt;: Llegeix els sprites d&amp;rsquo;una carpeta del teu disc, i el fitxer de l&amp;rsquo;escena segueix l&amp;rsquo;editor, desant-se sol un moment després de cada canvi.&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;Recàrrega en viu de sprites&lt;/strong&gt;: Repinta un sprite al teu editor de pixel art, desa, i s&amp;rsquo;actualitza al llenç per si sol.&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;Capes, actors i keyframes&lt;/strong&gt;: Les posicions porten keyframes i s&amp;rsquo;interpolen, i edites mentre veus l&amp;rsquo;escena reproduir-se en bucle.&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;Comprovació del bucle&lt;/strong&gt;: L&amp;rsquo;editor t&amp;rsquo;avisa quan el bucle no tancarà.&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;Exportació&lt;/strong&gt;: GIF, WebM o seqüència de PNG, a més d&amp;rsquo;una exportació en paquet per endur-te l&amp;rsquo;escena a un altre lloc.&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;p&gt;Obrir carpetes amb permís d&amp;rsquo;escriptura necessita la File System Access API, que només està en navegadors d&amp;rsquo;escriptori basats en Chromium. Als altres s&amp;rsquo;usa una còpia de només lectura.&lt;/p&gt;&#10;&lt;div class="video-wrapper"&gt;&#10; &lt;video autoplay loop muted playsinline aria-label="Un ciclista i un Mudkip corrent en bucle sobre un fons parallax de bosc, fet amb l&amp;#39;editor"&gt;&#10; &lt;source src="https://christt105.github.io/projects/parallax-scene-editor/bike-ride.webm" type="video/webm"&gt;&#10; &lt;source src="https://christt105.github.io/projects/parallax-scene-editor/bike-ride.mp4" type="video/mp4"&gt;&#10; &lt;/video&gt;&#10;&lt;/div&gt;&#10;&#10;&lt;p&gt;&lt;img alt="L’editor amb l’escena de demostració" class="gallery-image" data-flex-basis="502px" data-flex-grow="209" height="917" loading="lazy" sizes="(max-width: 767px) calc(100vw - 30px), (max-width: 1023px) 700px, (max-width: 1279px) 950px, 1232px" src="https://christt105.github.io/projects/parallax-scene-editor/preview.webp" srcset="https://christt105.github.io/projects/parallax-scene-editor/preview_hu_bfcb39707fbef948.webp 800w, https://christt105.github.io/projects/parallax-scene-editor/preview_hu_98987c6f29826287.webp 1600w, https://christt105.github.io/projects/parallax-scene-editor/preview.webp 1920w" width="1920"&gt;&lt;/p&gt;&#10;</description></item></channel></rss>