MOONSHOT Concept Racer

Usa Three.js para crear una página de presentación de un auto de carreras conceptual, con el auto y toda la escena generados mediante código.

El auto: un monoplaza conceptual llamado MOONSHOT. La nariz apunta hacia -Z; es bajo y largo. La carrocería superior es un monocasco negro piano que se hunde en una bañera a la altura de la cabina; la cubierta de la nariz, la cubierta del motor y las cubiertas de los pontones izquierdo y derecho son cuatro paneles independientes sujetos sobre la carrocería central, cada uno capaz de elevarse como una sola pieza para dejar expuestos los componentes internos. Los alerones delantero y trasero están modelados a partir de perfiles aerodinámicos reales; el alerón trasero incorpora grandes placas laterales translúcidas, y sobre la cabina se sitúan un halo y una aleta de tiburón alta. Una toma de aire circular se encuentra en el centro de la nariz. Cuatro neumáticos lisos llevan cubiertas de rueda estilo turbo y un aro de resplandor azul. La decoración es negra, blanca y azul eléctrico, y se usa un «azul gelatina» translúcido en el alerón trasero, las placas laterales, las ventanillas laterales de la cabina y los deflectores; debe transmitir la luz con profundidad real y nunca parecer plástico sólido. Los pontones y el borde de salida del alerón trasero llevan la marca MOONSHOT.

La escena: el auto está sellado dentro de una estructura cúbica de exhibición que flota en órbita terrestre baja. El cubo se construye con vigas metálicas en los bordes, líneas de borde luminosas y caras de vidrio Fresnel, casi invisibles de frente e iluminadas solo en ángulos rasantes. En el interior, un pedestal circular recibe la proyección del auto. El fondo muestra un campo de estrellas con la Tierra a lo lejos. El ambiente general es sobrio y premium: luz ambiental fría más luz de contorno que resalta las líneas de la carrocería, sin elementos de interfaz con estilo de videojuego de ciencia ficción. Traslada la muestra del cubo en órbita baja a una curva cerrada en una montaña nevada: el auto se estaciona en un mirador abierto junto a una carretera bordeada de nieve, con cumbres, un bosque de pinos y un teleférico detrás, y la iluminación cambia a luz diurna fría reflejada por la nieve. Conserva las cámaras controladas por desplazamiento, los cuatro paneles de carrocería elevables, la vista macro de materiales y el selector de dos ambientes (reemplazando el ambiente espacial por el crepúsculo). La decoración y la marca MOONSHOT no cambian. La presentación: la página controla la cámara con el desplazamiento, recorriendo el auto completo, la nariz, el lateral, la vista explosionada y los detalles a través de varias pantallas con textos breves. El usuario puede presionar y arrastrar en cualquier momento para tomar el control de la cámara y orbitar libremente; entonces aparece una barra de herramientas con posiciones predefinidas de cámara, una vista macro de materiales, la vista explosionada y un selector entre dos ambientes: el espacio y un estudio blanco.

Renderizado: se requieren reflejos de entorno de estudio, sombras reales, bloom y profundidad de campo a corta distancia; la credibilidad de los materiales es la máxima prioridad de esta página.

Usa Three.js para crear una página de presentación de un auto de carreras conceptual, con el auto y toda la escena generados mediante código.

El auto: un monoplaza conceptual llamado MOONSHOT. La nariz apunta hacia -Z; es bajo y largo. La carrocería superior es un monocasco negro piano que se hunde en una bañera a la altura de la cabina; la cubierta de la nariz, la cubierta del motor y las cubiertas de los pontones izquierdo y derecho son cuatro paneles independientes sujetos sobre la carrocería central, cada uno capaz de elevarse como una sola pieza para dejar expuestos los componentes internos. Los alerones delantero y trasero están modelados a partir de perfiles aerodinámicos reales; el alerón trasero incorpora grandes placas laterales translúcidas, y sobre la cabina se sitúan un halo y una aleta de tiburón alta. Una toma de aire circular se encuentra en el centro de la nariz. Cuatro neumáticos lisos llevan cubiertas de rueda estilo turbo y un aro de resplandor azul. La decoración es negra, blanca y azul eléctrico, y se usa un «azul gelatina» translúcido en el alerón trasero, las placas laterales, las ventanillas laterales de la cabina y los deflectores; debe transmitir la luz con profundidad real y nunca parecer plástico sólido. Los pontones y el borde de salida del alerón trasero llevan la marca MOONSHOT.

La escena: el auto está sellado dentro de una estructura cúbica de exhibición que flota en órbita terrestre baja. El cubo se construye con vigas metálicas en los bordes, líneas de borde luminosas y caras de vidrio Fresnel, casi invisibles de frente e iluminadas solo en ángulos rasantes. En el interior, un pedestal circular recibe la proyección del auto. El fondo muestra un campo de estrellas con la Tierra a lo lejos. El ambiente general es sobrio y premium: luz ambiental fría más luz de contorno que resalta las líneas de la carrocería, sin elementos de interfaz con estilo de videojuego de ciencia ficción. Agrega un modo de anotaciones de ingeniería: al activarlo, aparecen etiquetas ancladas junto a los alerones delantero y trasero, la aleta de tiburón, el halo, la toma de aire y las cubiertas de rueda; cada una explica en una o dos frases la función aerodinámica de la pieza y la concesión de diseño que implica, y se amplía a medida que la cámara se acerca. Las anotaciones se pueden activar o desactivar globalmente, el texto está escrito para personas sin formación en ingeniería y la narrativa original de desplazamiento y la vista explosionada no cambian. La presentación: la página controla la cámara con el desplazamiento, recorriendo el auto completo, la nariz, el lateral, la vista explosionada y los detalles a través de varias pantallas con textos breves. El usuario puede presionar y arrastrar en cualquier momento para tomar el control de la cámara y orbitar libremente; entonces aparece una barra de herramientas con posiciones predefinidas de cámara, una vista macro de materiales, la vista explosionada y un selector entre dos ambientes: el espacio y un estudio blanco.

Renderizado: se requieren reflejos de entorno de estudio, sombras reales, bloom y profundidad de campo a corta distancia; la credibilidad de los materiales es la máxima prioridad de esta página.