Interactivo
Explora portafolios 3D, experiencias de producto y experimentos interactivos. Elige una interacción que te guste y dale tu propio tema y estilo visual.
Un atlas interactivo de movilidad en 3D que muestra la actividad de los taxis amarillos de Nueva York en enero de 2025, con un mapa 3D, reproducción del movimiento por hora, inspección por zona y comparaciones con promedios de días laborables o fines de semana.
Un prompt de Dream Loop Plus para crear en el navegador una escena de fantasía con Three.js, cámara isométrica, personaje controlable, suelos mojados reflectantes y movimiento ambiental. El autor lo presenta como un prompt de demostración creado con GPT-5.6 Luna xhigh; la publicación indica que Astra se encarga del trabajo visual en el flujo optimizado.
Prompt inicial sugerido por el autor para crear, en un único archivo HTML autocontenido, un colisionador de partículas 3D interactivo inspirado en el LHC del CERN y el detector ATLAS. Se presenta como un prompt para crear algo similar, no necesariamente como la entrada exacta utilizada para obtener el resultado mostrado.
Prompt para crear un paisaje 3D de un arrozal con Three.js que se ejecute en el navegador, con animación natural del viento, modos de iluminación y cámara, controles adaptables, vegetación procedural y renderizado en tiempo real.
La publicación original muestra un modelo 3D y una experiencia web del Salón de Oración por las Buenas Cosechas del Templo del Cielo de Beijing, creados con GPT-6 Astra y Three.js; posteriormente, el autor compartió el prompt completo en chino utilizado para crear este tipo de proyecto.
Crea un limonero 3D gelatinoso e interactivo en WebGPU, con ramas que se balancean, limones que se pueden seleccionar con el ratón y física de deformación y rebote.
Especificación detallada de un juego en Three.js sobre un robot de cuatro patas, con movimientos expresivos, celdas de batería visibles, carga y tres tareas basadas en objetos.
Crea una escena interactiva de una calle en miniatura con una bicicleta de reparto, tiendas, efectos de asfalto mojado, hojas esparcidas, un mundo curvado, estética pixel art y parámetros de Forge ajustables.
Crea una visualización 3D de un smartphone con un control deslizante para desmontarlo y volver a montarlo, componentes seleccionables y explicaciones de la función de cada pieza.
Crea una web 3D interactiva que descomponga un ordenador de sobremesa en 29 componentes principales. Añade una animación de desmontaje y explicaciones de cada pieza.
Crea una miniatura de Seúl en Three.js con datos cartográficos abiertos. Añade navegación por distritos, vuelos entre lugares emblemáticos, modos diurno y nocturno y controles táctiles. Indica qué edificios se han simplificado, qué alturas se han estimado y las licencias de los datos.
Modela un núcleo de energía, dos anillos y una base metálica en Blender. Exporta los materiales a un visor de Three.js con controles de rotación, zoom, órbita automática y pulsación.
Convierte una habitación personal en una web interactiva de presentación. Construye y hornea la escena en Blender; después añade vapor de café, animación al estilo de Matrix y efectos sutiles de shaders.
Investiga el apartamento del protagonista de D4 y recréalo como un prototipo 3D jugable. Contrasta la distribución y las interacciones con las referencias, sin dar por hecho que la recreación sea exacta.
Se pidió a Astra que creara una pieza corta original y un ensamble 3D jugable, con animación controlada por el audio, navegación por la línea de tiempo, cámara lenta, controles de cámara, MIDI y código fuente.
Crea en Three.js un explorador del sistema solar para el navegador con ocho planetas y veinte lunas. Permite mover la cámara y planificar vuelos espaciales de forma simplificada.
Crea una landing page de las profundidades marinas con efectos de agua de Three.js, una interfaz oscura de aspecto vítreo y movimiento ligado al desplazamiento. Combina la ambientación 3D con interacciones web claras y adaptables a distintos tamaños de pantalla.
Construye una demostración interactiva de Hyperloop en Three.js que muestre una cápsula de transporte, la infraestructura tubular y su movimiento por el sistema.
Convierte la imagen de referencia proporcionada en una escena de Three.js dentro de una web de estudio con desplazamiento fluido. Coordina el movimiento de cámara, la tipografía y las transiciones entre secciones.
Construye una web interactiva de producto alrededor de una botella de cristal WebGL fotorrealista. Usa líquido refractante, rotación guiada por el desplazamiento y tipografía contundente sin comprometer el rendimiento del navegador.
Construye una máquina 3D de cápsulas de recuerdos. Gira un mando para liberar un recuerdo, modela el mecanismo en Blender y da a las cápsulas que caen un movimiento y sonido creíbles.
Construye un pequeño diorama de introducción en Blender y dale vida en Three.js. Usa objetos protagonistas claros y secuencias breves de animación para explicar las primeras acciones del usuario.
Construye una web de anatomía 3D donde el cuerpo humano se separe en estructuras que puedan examinarse individualmente. Permite navegar por la vista explosionada y organiza las partes en sistemas con sentido.
Crea un pelícano 3D que monte en bicicleta en el navegador, sobre una bicicleta verde menta, con pedaleo natural, controles de órbita, zoom y velocidad ajustable.
Explica qué puede pulsar, arrastrar o cambiar el visitante y qué ocurre después. Haz evidente la primera interacción y describe los controles táctiles y con ratón.
Aprende las técnicas usadas en los ejemplos.
Dale a tu próxima escena un personaje que merezca verse de cerca. Crea recursos 3D detallados y texturizados a partir de una imagen o unas pocas palabras.
Generar recursos 3D gratis
