Repolode
Enviar
patch-gg

patch-gg/pixelfx

Biblioteca con 232 efectos de pixel art (fuego, explosiones, magia, clima, interfaz) en pequeños módulos de JavaScript y una skill de Claude Code para crear otros nuevos.

Ver en GitHubSitio web
Estrellas
5,802
Forks
758
Issues abiertos
0
Último commit
hace 8 días

¿Qué es?

pixelfx es una colección de 232 efectos y animaciones de pixel art, cada uno escrito como una pequeña pieza de JavaScript. Las categorías incluyen fuego, explosiones, agua, hielo, rayos, magia, clima, combate cuerpo a cuerpo, objetos coleccionables, efectos de estado y respuestas de la interfaz. Los efectos se pueden previsualizar en una galería interactiva, recolorear con una paleta personalizada y reflejar o rotar.

Los efectos se pueden usar de dos maneras. En un juego para navegador basado en canvas, Phaser, PixiJS o tecnologías similares, el código se importa directamente y no requiere dependencias. Para otros motores, como Godot, Unity, GameMaker, Defold, LÖVE o Bevy, el proyecto exporta hojas de sprites con fondo transparente y metadatos JSON al estilo de Aseprite, incluidos los tiempos de cada fotograma, la configuración de bucle y el punto de pivote.

El repositorio también incluye una skill de Claude Code que ayuda a buscar, usar, exportar y crear efectos, además de herramientas para generar hojas de contacto, GIF y MP4 y detectar problemas de calidad habituales. Los efectos son deterministas: la aleatoriedad se basa en una semilla por efecto y los efectos simulados avanzan a una frecuencia fija de 120 Hz.

Funciones clave

  • 01Incluye 232 efectos en 20 categorías, como fuego, hielo, clima e interfaz.
  • 02Se ejecuta directamente en juegos para navegador y no requiere dependencias.
  • 03Exporta hojas de sprites con fondo transparente y JSON al estilo de Aseprite para otros motores.
  • 04Admite paletas de colores personalizadas para recolorear cualquier efecto sin editar su código.
  • 05Incluye una skill de Claude Code para buscar, exportar y crear efectos.
  • 06Genera fotogramas deterministas a partir de valores aleatorios inicializados con una semilla.

Casos de uso

  • Añadir efectos de impacto, hechizos o elementos coleccionables a un juego 2D para navegador.
  • Exportar un conjunto de explosiones o animaciones de fuego como hojas de sprites para Godot o Unity.
  • Crear prototipos de nuevos efectos de pixel art con un asistente de IA en Claude Code.
  • Recolorear un efecto existente, por ejemplo, convertir el fuego en una llama azul para adaptarlo a otro personaje o temática.

Inicio rápido

  1. 1

    Instálalo en tu proyecto desde GitHub

    npm i github:patch-gg/pixelfx
  2. 2

    Renderiza una hoja de sprites de un efecto

    node tools/render.mjs ice/frost-nova --sheet

Antes de usarlo

  • Está diseñado para Canvas de JavaScript y juegos de navegador; otros motores necesitan hojas de sprites exportadas.
  • La fuente Patch Pixel de gallery/fonts no está cubierta por la licencia MIT.

En colecciones

Herramientas, skills y plugins para Claude CodeBibliotecas de skills para agentes de IA

Temas

#pixel-art#game-dev#animation#sprite-sheet#canvas#vfx#javascript#claude-code#agent-skills#claude-code-plugin

Preguntas frecuentes

¿Qué es pixelfx?
Biblioteca con 232 efectos de pixel art (fuego, explosiones, magia, clima, interfaz) en pequeños módulos de JavaScript y una skill de Claude Code para crear otros nuevos. pixelfx es una colección de 232 efectos y animaciones de pixel art, cada uno escrito como una pequeña pieza de JavaScript. Las categorías incluyen fuego, explosiones, agua, hielo, rayos, magia, clima, combate cuerpo a cuerpo, objetos coleccionables, efectos de estado y respuestas de la interfaz. Los efectos se pueden previsualizar en una galería interactiva, recolorear con una paleta personalizada y reflejar o rotar.
¿pixelfx es gratuito? ¿Qué licencia tiene?
pixelfx es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿pixelfx sigue mantenido?
Mantenimiento activo. El último commit de pixelfx fue el 31 oct 2026.
¿Para qué puedo usar pixelfx?
Añadir efectos de impacto, hechizos o elementos coleccionables a un juego 2D para navegador. Exportar un conjunto de explosiones o animaciones de fuego como hojas de sprites para Godot o Unity. Crear prototipos de nuevos efectos de pixel art con un asistente de IA en Claude Code. Recolorear un efecto existente, por ejemplo, convertir el fuego en una llama azul para adaptarlo a otro personaje o temática.
¿Cómo se instala pixelfx?
Instálalo en tu proyecto desde GitHub: npm i github:patch-gg/pixelfx Renderiza una hoja de sprites de un efecto: node tools/render.mjs ice/frost-nova --sheet
¿Dónde consigo pixelfx?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/patch-gg/pixelfx

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados