Wiki de Creación/Prompts/Juegos con IA

Escena Three.js desde cero: esqueleto limpio en un prompt

De la Wiki de Creación de OpenDrama

Prompt10 min de lecturaÚltima edición: 14 de octubre de 2026

Este prompt hace que un modelo de IA para programar escriba primero la parte aburrida pero estructural de un juego en Three.js: renderer, luz, rig de cámara, cargador, gestión del redimensionado y un panel de rendimiento, repartidos en archivos pequeños con APIs actuales. Así, cada prompt posterior edita una estructura limpia en lugar de un main.js que no para de crecer. Todos los datos del proyecto van en un único bloque al principio, de modo que reutilizarlo para el siguiente juego lleva dos minutos.

Para qué sirve

Úsalo al empezar cualquier juego de navegador o escena 3D, antes del primer prompt de jugabilidad. Si le pides a un modelo «una escena de Three.js» sin especificación, lo normal es recibir siempre los mismos defectos:

  • Código de color y luces antiguo. outputEncoding, sRGBEncoding o intensidades ajustadas para las unidades heredadas de antes de r155, así que la imagen sale oscura o lavada desde el primer día.
  • Pixel ratio sin límite. Un móvil con DPR 3 dibuja 2.25 veces los píxeles de uno con DPR 2, y eso suele ser la diferencia entre 60 y 30 fps.
  • Redimensionado solo con window. El canvas se emborrona o se estira dentro de un iframe, en un diseño dividido o al girar el móvil.
  • Pantalla negra mientras baja un GLB de 20 MB. Sin progreso y sin error cuando la ruta del decodificador Draco devuelve 404.
  • Un bucle requestAnimationFrame desnudo con un delta sin límite. Cambias de pestaña y el jugador se teletransporta.
  • Ningún número. No ves las draw calls ni el tiempo de fotograma, así que no sabes por qué va lento.

El prompt elimina cada uno de estos defectos desde la especificación y termina con comprobaciones que se verifican en dos minutos. Deja el aspecto en una base razonable (tone mapping, una luz principal con sombra, niebla); el tratamiento completo está en el look cinematográfico en Three.js. Cuando el esqueleto funcione, describe el juego en sí con el brief de diseño de juego.

No es para: proyectos con react-three-fiber (otra estructura), otros motores ni juguetes de un solo archivo (mira la variante compacta en Ajustes).

Los miembros siguen leyendo

El resto de esta página es para miembros

  • 5 pasos más
  • 3 prompts listos para copiar
  • 1 tablas de referencia
  • 6 secciones más

Crea una cuenta gratis, recarga una vez —desde 0,99 US$— y toda la wiki es tuya.

  • Todos los desmontajes, Skills y Prompts
  • Páginas nuevas cada día
  • Copia los prompts con un toque

Véase también

Desmontajes que lo usan

Más en Juegos con IA

Ver todo →