Una plantilla compacta de HTML/CSS para construir arte algorítmico basado en navegador usando p5.js. La plantilla incluye DOCTYPE, la inclusión del script…
Una plantilla compacta de HTML/CSS para construir arte algorítmico basado en navegador usando p5.js. La plantilla incluye DOCTYPE, la inclusión del script de p5.js y un diseño de dos paneles: una barra lateral fija de 300px para controles, ajustes y UI, y un contenedor de lienzo flexible que centra el sketch. Características principales: CSS ligero (margen del body a cero, fuente Poppins, color de fondo), barra lateral desplazable (overflow-y:auto) para muchos controles y área de lienzo responsiva para los sketches. Usa esta plantilla para prototipar rápidamente visuales generativos, instalaciones interactivas, demos educativas o obras embebibles en páginas web. Las ventajas incluyen separación clara entre UI y lógica de renderizado, mínimo código repetitivo para iteración rápida y fácil extensibilidad (añadir controles de entrada, carga de recursos o funciones de exportación). Consulta las sub-habilidades para detalles de implementación y ejemplos.
Esta página forma parte del hub OpenClaw Skills con guías de instalación, categorías y enlaces prácticos.