Ir al contenido

Agentes de IA construyen mundos 3D para la web.

Juegos 3D nativos del navegador con modelos creados a medida, interacciones físicas y mundos listos para explorar.

El proceso público del laboratorio

Trabajo de IA que puedes inspeccionar.

Explorar el trabajo publicado ↗
  1. Autores IA

    Modelos → física → un juego para navegador

    Los agentes de IA crean la escena, integran los modelos y escriben el código de interacción y física.

  2. La IA inspecciona

    Prueba el mundo jugable

    Los agentes ejecutan el juego e inspeccionan sus mecánicas, visuales y rendimiento.

  3. Las lecciones regresan

    Las herramientas y los prompts mejoran

    Los hallazgos se registran y se incorporan a las instrucciones y herramientas del creador para trabajos futuros.

Hecho en el laboratorio.

Explorar todos los laboratorios ↗

Saltwind Post — un planeador postal en la costa de creta al amanecer

three.js · Vuelo en planeador

Saltwind Post

Sobre este proyecto

Vuela la ruta de correo del amanecer a lo largo de un acantilado costero de creta en un planeador de lona y latón sin motor alguno. La altitud es tu única moneda: la cambias por velocidad, la recuperas en la corriente de ladera que el acantilado empuja hacia arriba o en una térmica marcada por gaviotas en vuelo, atraviesa tres aros de entrega y aterriza en el banco de arena. Los aerofrenos son lo único que permite que un fuselaje de relación 17:1 pueda descender. Planeador y costa esculpidos en Blender, un modelo de vuelo con tres grados de libertad, y una partitura que pasa del arpa al chelo a medida que se te acaba la altura.

Ashfall Station — el rover de exploración en la llanura de ceniza bajo un cielo al atardecer

three.js · Reconocimiento en vehículo

Ashfall Station

Sobre este proyecto

Conduce un rover de exploración de seis ruedas a través de una llanura volcánica de ceniza en enfriamiento, registra tres anillos de sensores y regresa a la plataforma de la estación antes de que el bombardeo te alcance. Las bombas de lava anunciadas caen con detección de colisión continua, la corteza cocina tu casco si te demoras sobre ella, y un rover volcado se endereza solo porque un vehículo con ruedas boca abajo no tiene tracción alguna. Rover y estación esculpidos en Blender, y la primera pieza del laboratorio con física Rapier en lugar de cannon-es — con el benchmark que lo decidió.

Glimmerwick — el Wickling entre las velas del taller

three.js · Circuito de canicas

Glimmerwick

Sobre este proyecto

Haz rodar un orbe de cera fundida por el taller de un fabricante de velas dormido y vuelve a encender la Gran Mecha. La cera es tu salud, tu peso y tu velocidad: los lechos de brasas te derriten pequeño y rápido, mientras que las charcas de escarcha te hacen crecer hasta ser lo bastante pesado como para romper el frágil puente de panal. Mundo esculpido en Blender, física cannon-es, partitura con instrumentos muestreados.

Agentes de IA construyen a partir del concepto, recurso por recurso

Los agentes de IA convierten el paquete de conceptos en un inventario de recursos, crean los modelos en Blender y ensamblan el mundo interactivo en three.js. Un paquete de conceptos al estilo de un estudio ancla cada pieza — arte clave, un giro ortográfico, tres zonas de entorno, accesorios, materiales— y un inventario de elementos escrito demuestra que cada elemento nombrado se convirtió en un recurso real de Blender. El verificador bloquea la finalización si faltan filas.

ELEMENT_INVENTORY.md14/14 modelados
Skiff herorotación → skiff.glb · normales integradas
Faro · arco marino · muellehoja zona 1 → 3 glbs, instanciados
Materiales de suelo · agua · cascotablero de referencia → shaders distintos por superficie
Un elemento del concepto sin fila de asset = la build no se publica.

Primero el blockout, después el arte

Todo el campo de juego se juega como cajas grises antes de que exista arte alguno — escala, cámara y dificultad se fijan cuando cambiar el layout cuesta minutos. Después, los assets creados sustituyen a sus suplentes uno a uno; el layout nunca se rediseña una vez que existe el arte.

Boceto base → final
Estudio graybox generado de un campo de juego 3D con tres plataformas, dos puentes y obstáculos de marcador
Boceto base gris
Vista de arte final generada del mismo campo de juego, con la misma cámara y posiciones de objetos, con plataformas de piedra, puentes de madera y un héroe
Arte terminado
El feel y la legibilidad se prueban jugando antes de que Blender gaste un minuto.

Peso profesional, presupuestos web

El detalle high-poly se bakea sobre mallas de juego ligeras; después cada modelo se comprime — geometría cuantizada, texturas WebP — y un verificador determinista impone presupuestos duros: payload total, topes por archivo, conteo de triángulos, draw calls.

Carga útil — escena heroBajo el límite
skiff.glbescultura de 11.0MB → integrada y comprimida
2.0MB
Carga útil 3D totallímite 12MB · 9 assets, instanciados ×140
7.4MB
ESTADÍSTICAS DE RENDERIZADOautorreportadas en el primer fotograma
176 calls · 412k tris

Verificado hasta coincidir con su propio arte

El juego terminado se juega, se captura y se juzga contra su propio pack de concepto — silueta, paleta, materiales, movimiento, audio — y se itera hasta que una comparación honesta lado a lado se lee como la misma dirección de arte. No "se ve bien": coincide.

Alineación de concepto — ronda 2Aprobado
Silueta del sujeto + paletacoincide con la rotación dentro de la tolerancia
Formas + materiales de zona3 zonas coinciden con sus hojas
Par de animación + plausibilidadsin deslizamientos, sin flotadores, sin costuras
La ronda 1 halló 3 divergencias → corregidas automáticamente → re-juzgadas limpias.

Cómo se hace una pieza

01

Pack de concepto

Siete láminas + el inventario de elementos que la producción debe cumplir.

02

Blockout

Cajas grises jugando antes de cualquier arte — el feel se fija primero.

03

Mundo Blender

Esculpir, bakear, comprimir — una vez por tipo, instanciado por colocación.

04

three.js + física

Archivos del motor empaquetados, física de cuerpos rígidos real, sin CDN.

05

Verificar hasta quedar limpio

Juzgado contra sus propios conceptos hasta que la comparación coincide.

Preguntas, respondidas

¿Por qué three.js y no un motor grande?

Porque el resultado son simples archivos estáticos: la misma build se juega en la web, dentro de shells de app para Android/iOS y en apps de escritorio, sin instalación y con un payload de un solo dígito de megabytes. Para 3D nativo de la web, ese alcance es el objetivo.

¿De verdad los modelos los hace la IA?

Sí — los agentes escriben scripts de Blender contra el kit de esculpido de la plataforma: esculpido, retopología, UV, bakes de normales/AO, rigging, retargeting de captura de movimiento. Cada exportación se verifica numéricamente antes de publicarse.

¿Qué impide que una build se publique fea?

Su propio pack de concepto. Un juez de visión compara el gameplay renderizado con cada lámina y bloquea el cierre ante divergencias — más puertas deterministas de presupuesto sobre payload, triángulos y draw calls.

¿Puedo crear uno yo mismo?

Sí — el AI Game Builder ejecuta exactamente este pipeline. Describe un juego 3D; el pack, el inventario, el blockout, los assets y la verificación también ocurren para tu build.

¿Puedo probar el trabajo directamente en un navegador?

El laboratorio se centra en experiencias 3D renderizadas en el navegador. Usa la acción Reproducir del proyecto para abrir su resultado publicado y revisar los controles disponibles para esa pieza.

¿Cómo debería describir la cámara en un brief 3D?

Especifica si el jugador ve el mundo en primera persona, tercera persona, desde arriba o desde un punto de vista fijo. Explica qué debe permanecer visible durante el juego; la cámara cambia tanto la sensación como la legibilidad de una mecánica.

¿Qué debería buscar más allá del estilo visual?

Prueba el movimiento, las colisiones, la respuesta a la interacción y la cámara durante la acción principal. Una escena 3D convincente también necesita controles legibles y un bucle de juego funcional.

Crea tu propio juego 3D

Descríbelo. El builder dibuja los conceptos, esculpe los assets, escribe el código y verifica el resultado.