Guía de campo interactiva en 3D sobre 63 especies de insectos, modeladas de forma procedural en el navegador con TypeScript y Three.js, sin archivos de modelos.
79373TypeScriptMITActualizado hace 3 días
NomaDamas/CozyClay
Estudio de previsualización en el navegador para bloquear escenas, posar personajes y editar movimientos de cámara, y luego enviar los planos a modelos de video con IA.
- Estrellas
- 807
- Forks
- 93
- Issues abiertos
- 13
- Último commit
- ayer
¿Qué es?
CozyClay es un estudio de previsualización que se ejecuta en el navegador y está desarrollado con Three.js y React Three Fiber. Puedes bloquear una escena con primitivas y elementos de escenografía, incorporar personajes con o sin rig, posar sus figuras y crear movimientos de cámara y cortes en una línea de tiempo.
El resultado principal está pensado para generar video con IA. Cada plano se puede exportar como un paquete de fotogramas clave con el primer y el último fotograma, un clip greybox, JSON de cámara y un prompt; también se puede exportar como mp4, pases de profundidad y normales, una hoja de contacto del storyboard o una lista de cortes OTIO. El proyecto está orientado a Seedance 2.5, Kling 2, Veo 3 y MiniMax-H3 autohospedado, y señala los planos que superan los límites de un modelo.
El estudio también incluye un modo Storyboard para paneles estáticos, un lienzo Workflow para nodos de imagen y video (ComfyUI o fal) y un agente que puede controlar la escena desde un panel de chat, un servidor MCP o la CLI `cclay`. Se ejecuta localmente con `npx cozyclay`.
Funciones clave
- 01Bloquea escenas con primitivas y elementos de escenografía, y luego transfórmalos con un gizmo.
- 02Da pose a personajes con rig o usa figuras de cápsula sin rig para bloquear escenas.
- 03Crea movimientos de cámara y cortes en una línea de tiempo, incluidos rieles de travelling dibujados en una vista superior.
- 04Exporta paquetes de fotogramas clave, planos en mp4, pases de profundidad y normales, y listas de cortes OTIO para video con IA.
- 05Deshaz cualquier cambio en la escena mediante un único almacén del historial.
- 06Controla el estudio con un agente de IA mediante chat, MCP o una CLI de terminal.
Casos de uso
- Previsualizar planos para una película, un anuncio o un video musical antes del rodaje.
- Crear storyboards y convertirlos después en planos en movimiento.
- Generar video con IA y controlar los movimientos de cámara y el bloqueo de personajes.
- Bloquear la puesta en escena y las trayectorias de los personajes para producción virtual.
Inicio rápido
- 1
Ejecuta el studio con npx
npx cozyclay - 2
Abre la escena de inicio incluida en lugar de una sala vacía
npx cozyclay --scene city-block
Antes de usarlo
- Se requiere Node.js 22.19 o posterior y un navegador basado en Chromium.
- Algunas funciones requieren tus propias claves de API, como los proveedores de agentes y el nodo Video mediante fal o ComfyUI.
Temas
Preguntas frecuentes
- ¿Qué es CozyClay?
- Estudio de previsualización en el navegador para bloquear escenas, posar personajes y editar movimientos de cámara, y luego enviar los planos a modelos de video con IA. CozyClay es un estudio de previsualización que se ejecuta en el navegador y está desarrollado con Three.js y React Three Fiber. Puedes bloquear una escena con primitivas y elementos de escenografía, incorporar personajes con o sin rig, posar sus figuras y crear movimientos de cámara y cortes en una línea de tiempo.
- ¿CozyClay es gratuito? ¿Qué licencia tiene?
- CozyClay es open source bajo la licencia AGPL-3.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿CozyClay sigue mantenido?
- Mantenimiento activo. El último commit de CozyClay fue el 19 oct 2026.
- ¿Para qué puedo usar CozyClay?
- Previsualizar planos para una película, un anuncio o un video musical antes del rodaje. Crear storyboards y convertirlos después en planos en movimiento. Generar video con IA y controlar los movimientos de cámara y el bloqueo de personajes. Bloquear la puesta en escena y las trayectorias de los personajes para producción virtual.
- ¿Cómo se instala CozyClay?
- Ejecuta el studio con npx: npx cozyclay Abre la escena de inicio incluida en lugar de una sala vacía: npx cozyclay --scene city-block
- ¿Dónde consigo CozyClay?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/NomaDamas/CozyClay
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Reconstruye un objeto a partir de una imagen de referencia como código TypeScript procedural de Three.js, listo para animar, en lugar de un archivo de malla.
18,4 mil1,7 milPythonApache-2.0Actualizado hace 3 días
Plataforma de código abierto que convierte un tema o guion en videos cortos y dramas cómicos con IA, desde el storyboard hasta el resultado renderizado.
5,2 mil578PythonMITActualizado hace 5 días
Una skill de IA que convierte un tema en un storyboard de animación con figuras de palo, narración, planos cronometrados y prompts de video para Google Flow.
2,3 mil353PythonMITActualizado hace 4 días
Colección de skills y plugins para Claude Code que le enseñan a Claude sobre Three.js, GSAP, React Three Fiber, Framer Motion, Babylon.js y otras herramientas de animación y 3D web.
1,1 mil185PythonMITActualizado hace 11 meses
Conjunto de skills de Claude Code para crear videos generando cada fotograma y la música mediante código, con una skill por estilo visual.
24116JavaScriptOtherActualizado hace 24 días