<?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/es/tags/animation/</link><description>Recent content in Animation on Christian Martínez De La Rosa</description><generator>Hugo -- gohugo.io</generator><language>es</language><atom:link href="https://christt105.github.io/es/tags/animation/index.xml" rel="self" type="application/rss+xml"/><item><title>Parallax Scene Editor</title><link>https://christt105.github.io/es/projects/parallax-scene-editor/</link><pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate><guid>https://christt105.github.io/es/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; es un editor de escenas parallax de pixel art en bucle. Se abre en el navegador, lee una carpeta de tu propio disco llena de sprites y exporta GIF, WebM o una secuencia de PNG. No hay servidor, ni paso de build, ni se sube nada a ningún sitio. Es de código abierto con licencia MIT.&lt;/p&gt;&#10;&lt;p&gt;Un fondo parallax es fácil de dibujar y un incordio de montar: cada capa se mueve a su propia velocidad y todo tiene que caber en el mismo número de fotogramas para que el bucle no dé saltos. Aquí una escena es un único archivo JSON con cámara, capas, actores y keyframes, y el editor te avisa en rojo cuando algo no va a cerrar.&lt;/p&gt;&#10;&lt;p&gt;Características principales:&lt;/p&gt;&#10;&lt;ul&gt;&#10;&lt;li&gt;&lt;strong&gt;Trabaja sobre tu propia carpeta&lt;/strong&gt;: Lee los sprites de una carpeta de tu disco, y el archivo de la escena sigue al editor, guardándose solo un momento después de cada cambio.&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;Recarga en vivo de sprites&lt;/strong&gt;: Repinta un sprite en tu editor de pixel art, guarda, y se actualiza en el lienzo por sí solo.&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;Capas, actores y keyframes&lt;/strong&gt;: Las posiciones llevan keyframes y se interpolan, y editas mientras ves la escena reproducirse en bucle.&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;Comprobación del bucle&lt;/strong&gt;: El editor te avisa cuando el bucle no va a cerrar.&lt;/li&gt;&#10;&lt;li&gt;&lt;strong&gt;Exportación&lt;/strong&gt;: GIF, WebM o secuencia de PNG, además de una exportación en paquete para llevarte la escena a otro sitio.&lt;/li&gt;&#10;&lt;/ul&gt;&#10;&lt;p&gt;Abrir carpetas con permiso de escritura necesita la File System Access API, que solo está en navegadores de escritorio basados en Chromium. En el resto se usa una copia de solo lectura.&lt;/p&gt;&#10;&lt;div class="video-wrapper"&gt;&#10; &lt;video autoplay loop muted playsinline aria-label="Un ciclista y un Mudkip corriendo en bucle sobre un fondo parallax de bosque, hecho con el 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="El editor con la escena de demostración" 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>