Etiqueta
25 páginas con la etiqueta «Three.js».
25 páginasQuitar filtros
Chetan Ankola creó en el navegador un fantasma con un farol: lluvia, agua negra y una tela que ondea. GPT 6 Astra hizo el diseño y Claude Opus 5.5 escribió el Three.js. Miramos la tela, la luz y cinco pequeñas interacciones.
genevieve__h, de Google AI Studio, convirtió fotos del escritorio de su casa en un juego de karts jugable con Gemini 4 Argon, Blender MCP y Three.js. Reconstruimos el método fotograma a fotograma.
Según Tesana, el juego espacial de un usuario, hecho con unos pocos prompts, pasó de 2,5 a más de 3 millones de reproducciones en algo más de una semana. Así añadió un mundo anillo y multijugador sin romper lo que ya funcionaba.
Un explorador con orejas de zorro corre, sale disparado desde Manantiales de Viento y planea entre islas flotantes. Desmontamos cómo el movimiento se convierte en todo el juego y cómo lo alimentan los coleccionables.
Un brief para rellenar que pegas en un modelo de programación al empezar un juego: bucle, controles, reglas, cámara, números de sensación, recortes y pruebas de aceptación, más reglas de trabajo para que pregunte, planifique hitos y avance paso a paso.
Un prompt para rellenar que hace que un modelo de IA escriba un esqueleto moderno de Three.js: módulos ES, gestión de color correcta, luz PMREM, rig de cámara amortiguado, LoadingManager compartido, redimensionado, límite de DPR y panel de rendimiento.
La receta para llevar escenas de Blender a juegos de navegador como GLB ligeros y rápidos: presupuestos de triángulos y draw calls en móvil y escritorio, horneado, texturas, Draco/Meshopt/KTX2, nombres, colisiones y LOD.
La lista de lanzamiento entre un prototipo jugable y un enlace que cualquiera puede abrir: respaldo de WebGPU a WebGL, pantalla de carga en menos de un segundo, carga progresiva, táctil y rendimiento en móvil, hosting, vistas previas y publicación en OpenDrama.
Las siete capas que llevan una escena de Three.js de demo técnica plana a imagen de consola: gestión de color, tone mapping, luz HDRI, una luz principal con sombra, niebla, bloom y objetivo, con el coste de cada una.
Tesana dice que un usuario creó este juego de volar a cualquier planeta con un prompt y una imagen de referencia. Vemos qué tiene que cargar ese único prompt y qué no puede.
jay88 pidió a Claude Opus 5.5 una calabaza en Three.js que se talla con cuatro herramientas y luego se enciende, en una sola sesión de Claude Code. El prompt tenía dos líneas; el trabajo de verdad está en el mapa de tallado que eligió el modelo.
Compartido por @threejs: ocho cuadros de Monet convertidos en mundos WebXR para pasear, volar y pintar. Cómo funcionan el renderizado con pinceladas, los gestos y la guía por voz.
Una herramienta web gratuita reconstruye cualquier manzana real con datos de OpenStreetMap y elevación, y la dibuja como fondo de manga: líneas, trama y negro sólido. Desmontamos el truco de los tres búferes y cómo rehacer una versión pequeña con un modelo de IA para programar.
Frank Reitberger llevó la intro de 64k Delight, de Mercury, al navegador con three.js WebGPU. Desmontamos su cadena de render, del G-buffer por raymarching al bloom y los destellos, y cómo hacer una versión pequeña con un modelo de IA.
Un bucle de 8 segundos de akella: miles de ventanitas con las etiquetas claude y codex fluyen en una cinta y estallan en racimos. No hay código ni página en vivo, así que desmontamos lo que se ve y cómo rehacerlo con instancias y un modelo de IA para programar.
Stained Glass es uno de los 30 juegos de navegador con IA que compartió Aman: H3 Max generó un clip que imita una partida y Claude lo reconstruyó en Three.js. Desmontamos el flujo y la regla clave: la luz es el suelo.
Chetan Ankola hace flotar pompas iridiscentes sobre la foto 360° de un patio. Cómo encajan el material de la burbuja, el fondo y unos controles de tres verbos.
La escena de Chetan Ankola, un guitarrista en su cuarto, salta entre boceto, acuarela, cel y manga con un clic. Cómo reparten el trabajo los presets de ambiente y de estilo.
Chetan Ankola llevó sus pompas de GPT 6 Astra a una calle de murales en Wynwood y a un jardín. Cómo funcionan el cambio de escena, la exposición por escena y la vista curvada a través de cada burbuja.
Chetan Ankola hizo con vibe coding una isla de palmeras con océano y piscina en Three.js. Cómo el color por profundidad, los destellos, la bruma y la profundidad de campo hacen que el agua parezca tropical.
Chetan Ankola dice que la diferencia entre un trabajo con IA bueno y uno excelente es observar y cuidar el detalle. Listamos lo que muestra su juego de barco en Three.js: paleta, desgaste, luz, niebla y HUD.
Leímos el código en vivo de la actualización de coches de Claim Avenue: una tabla de ajuste, un turbo, derrapes por agarre y saltos en las crestas, sin motor de física.
Cómo viven dentro del mundo los cinco pasos para unirse a Claim Avenue: una bienvenida con dos puertas, pistas por modo, solares visibles en la calle y un respaldo cuando falla WebGL.
Cómo salió Riverside Drive en Claim Avenue: una entrada de configuración, un trazado que desplaza parcelas sin renumerarlas, un campo de distancia para el río y clientes que se reconstruyen según el servidor.
