Carreras low poly · juega y luego construye

Juegos de carreras low poly — Juega uno en tu navegador (o crea el tuyo)

Crea tu propio juego de carreras low poly

Qué hace grande a un juego de carreras low poly, más un mundo low poly en el navegador que puedes recorrer ahora mismo, y las herramientas para construir tu propia pista.

✦Juego
Construye una pista low poly de una carretera costera

Un juego de carreras low poly es un juego de carreras cuya geometría es deliberadamente tosca: triángulos de sombreado plano, sin mapas de normales y sin detalle de textura de alta frecuencia. Esa restricción no es una limitación que toleras: es lo que hace que el juego funcione a velocidad. Cuando un auto cruza una recta de 400 metros en unos segundos, tu ojo no está resolviendo los rayos de las ruedas. Está leyendo la silueta, el sombreado de las facetas y la velocidad a la que pasa el paisaje. La geometría low poly le da al renderizador el margen necesario para mantener esas señales fluidas.

Esta página cubre lo que realmente separa a un buen juego de carreras low poly de uno malo, y luego pone frente a ti un mundo low poly por el que puedes moverte en el navegador ahora mismo. Después, recorre la construcción de tu propia pista en el creador de juegos 3D: tender carretera sobre una cuadrícula, colocar accesorios que funcionan como señales de velocidad y cerrar el circuito. Sin paso de descarga ni instalación de motor.

Por qué el low poly funciona para las carreras

El argumento central es perceptivo. A 200 km/h, una faceta de sombreado plano que cruza la pantalla se lee como movimiento. Una superficie texturizada con detalle fino se lee como ruido, porque la textura se reduce más rápido de lo que la cadena de mipmaps puede resolverla. El low poly evita eso por completo: menos facetas y más grandes hacen que el problema de aliasing se reduzca al mismo tiempo que crece el presupuesto de fotograma. Dejas de pelear contra el parpadeo y empiezas a vender velocidad.

El segundo argumento es aritmético. Un segmento de pista modelado con 2.000 triángulos en lugar de 40.000 no solo se renderiza más rápido. Te permite colocar más segmentos, más decorado y más rivales antes de llegar al techo de fotogramas. En un juego de carreras, el tiempo de fotograma no es una comodidad. Es latencia de entrada. Cada milisegundo de tiempo de GPU es un milisegundo entre que el jugador ve una curva y el auto responde a la corrección.

Por eso los juegos de carreras low poly suelen funcionar bien en hardware modesto y en una pestaña del navegador. El coste de render lo dominan las llamadas de dibujado y la tasa de relleno más que el caudal bruto de triángulos, así que una escena low poly con un frustum culling agresivo se mantiene dentro de un presupuesto de 16,6 ms a 60 fps en gráficos integrados. El estilo no es un recurso para hardware débil. Es una decisión que aparta el hardware del camino.

El sombreado plano y la lectura del movimiento

El sombreado plano asigna una única normal a cada triángulo, así que cada faceta tiene un solo valor de luminancia. A medida que la cámara hace un paneo, esos valores cambian en pasos discretos. El ojo interpreta esos pasos como una señal de velocidad, igual que un estroboscopio de baja tasa de fotogramas hace que una rueda parezca girar. En una superficie de sombreado suave, esa señal se difumina en un degradado y la lectura del movimiento se debilita.

Adónde va en realidad el presupuesto de triángulos

En un juego de carreras low poly, el auto rara vez es el objeto caro. La pista lo es. Un circuito de 5 km dividido en segmentos de 100 metros con culling tiene un conjunto visible acotado, pero una sola malla de 5 km no. Presupuesta la pista por segmentos y deja que el culling haga el trabajo. El auto puede permitirse de 6.000 a 12.000 triángulos; un solo segmento no.

Qué hace a un gran juego de carreras low poly

La primera restricción es la legibilidad de la pista a velocidad. Una curva debe ser legible antes de que el jugador llegue a ella. Eso implica separación visual entre la carretera y el fuera de carretera, un tratamiento de borde coherente en ambos lados de la cinta y una señal clara de la trazada. Si la superficie de la carretera y el arcén comparten valor y tono, el jugador no leerá la curva hasta estar dentro de ella. El contraste de valor entre la carretera y el entorno importa más que el detalle de textura del asfalto.

La segunda restricción es un horizonte que venda velocidad. Un horizonte plano y vacío no comunica nada sobre lo rápido que vas. Necesitas objetos a intervalos conocidos —barreras, señales, postes, facetas de cresta— para que el jugador tenga una referencia de ritmo. Dispérsalos con un espaciado más o menos uniforme a lo largo de la recta y luego deja que el espaciado se comprima en la curva. El ojo lee la compresión como desaceleración y la expansión como aceleración, incluso cuando el valor de velocidad no ha cambiado.

La tercera restricción es una cámara que nunca pierde la carretera. Una cámara persecutoria necesita una distancia de anticipación que escale con la velocidad, una altura que mantenga visible la cinta de la carretera bajo el auto y una guiñada que siga el rumbo del auto en lugar de encajar de golpe en él. Si la guiñada de la cámara encaja de golpe, el mundo se sacude y el jugador pierde la orientación espacial. Una guiñada amortiguada con una constante de tiempo corta —suficiente para sentirse ágil pero no instantánea— mantiene la carretera anclada en el encuadre.

  • Separación de valor entre carretera y fuera de carreteraLa cinta de la carretera y el terreno circundante deben diferir lo suficiente en luminancia para que el borde se lea de un vistazo. Si dudas, oscurece el terreno en lugar de aclarar la carretera.
  • Señales de velocidad basadas en intervalosLos accesorios espaciados a intervalos uniformes dan al jugador una referencia de ritmo. Su compresión aparente en una curva es la lectura de velocidad.
  • Anticipación de cámara escalada por velocidadLa distancia de anticipación debe crecer con la velocidad; si no lo hace, el jugador se adelanta al encuadre a alta velocidad.
  • Guiñada de cámara amortiguadaUna guiñada que sigue mantiene la carretera anclada. Una guiñada que encaja de golpe es la forma más rápida de volver ilegible una buena pista.

Recorre uno aquí mismo

El mundo jugable incrustado en esta página es lo más parecido a una pista que podemos poner hoy en un navegador. Es low poly, de sombreado plano y está hecho para recorrerse en lugar de mirarse. Usa los controles de movimiento para viajar por el espacio; la geometría es tosca a propósito para que la tasa de fotogramas se mantenga lo bastante alta como para leer el movimiento y no solo ver una escena.

Qué observar mientras te mueves: las facetas del plano del suelo captan la luz en ángulos distintos a tu paso, y esos cambios de ángulo son la señal de movimiento. El horizonte está poblado en lugar de vacío, así que tienes algo contra lo que medir. Prueba una recta larga y luego una curva, y fíjate en cómo cambia tu sensación de velocidad aunque la velocidad de movimiento no cambie. Eso es el horizonte haciendo su trabajo.

Este mundo es un espacio de demostración, no un circuito terminado. No tiene cronómetro de vuelta ni rival. Su propósito es mostrar cómo se comporta la lectura low poly en una sesión de navegador en vivo sobre tu hardware real, que es el único parámetro que importa para un juego de navegador.

Construye tu propia pista

Construir una pista en el creador de juegos 3D significa colocar geometría sobre una cuadrícula, no esculpir una malla. Trabajas en unidades de mundo, y la cuadrícula te da una escala coherente: una celda de cuadrícula equivale a una distancia conocida, así que una recta de 20 celdas tiene una longitud fija sin importar quién la construya. Empieza por la cinta de la carretera, luego coloca los accesorios, después define el punto de aparición y cierra el circuito.

El modo de fallo al que hay que vigilar es una pista legible en el editor pero no a velocidad. Construye una recta, mueve la cámara a la altura de los ojos del piloto y recórrela antes de construir el resto. Si la curva al final de la recta no es legible desde el inicio de la recta, corrige el contraste de valor o la colocación de los accesorios antes de añadir más pista. Es más barato arreglar un segmento que veinte.

1

01

Tiende la carretera sobre la cuadrícula: coloca los segmentos de carretera celda a celda, manteniendo el ancho de la cinta constante en unidades de mundo. Varía el radio de las curvas, no el ancho.

2

02

Define el contraste de valor entre carretera y fuera de carretera: asigna a la carretera un material y al terreno circundante un valor claramente distinto para que el borde se lea a velocidad.

3

03

Coloca accesorios que sirvan de señal de velocidad a intervalos uniformes a lo largo de cada recta: barreras, postes o marcadores con un espaciado constante para que el jugador tenga una referencia de ritmo.

4

04

Comprime el espaciado de los accesorios en las curvas: un espaciado más cerrado en la curva señala desaceleración y da a la trazada un ancla visual.

5

05

Define el punto de aparición y el rumbo: coloca el punto de aparición sobre la línea central de la carretera, mirando en la dirección de avance, y confirma que la cámara tiene una anticipación despejada al aparecer.

6

06

Cierra el circuito: conecta el último segmento con el primero para que la pista sea continua, luego recorre una vuelta completa a velocidad y arregla cualquier cosa que deje de leerse.

Autos y assets low poly

Los autos y accesorios pueden venir de dos direcciones: importar un conjunto de assets low poly existente o generar uno que coincida con el estilo de tu pista. La restricción que importa es la coherencia de la densidad de facetas. Un auto modelado con 12.000 triángulos colocado sobre una pista construida con segmentos de 200 triángulos se verá mal, porque los dos objetos resuelven el detalle a escalas distintas. Iguala las densidades o iguala el sombreado, y preferiblemente ambas cosas.

Agent Sprite Forge genera conjuntos de sprites y assets, lo cual es útil cuando necesitas un conjunto coherente de autos y accesorios con el mismo lenguaje visual en lugar de un montón de modelos descargados por separado. Si generas un conjunto, genera los autos y los accesorios de borde de pista juntos en una sola pasada para que la paleta y la densidad de facetas se mantengan alineadas. Las pasadas de generación desajustadas son la causa más común de una pista que parece ensamblada en lugar de diseñada.

The Cyclops' Island es un ejemplo desarrollado de un mundo low poly en los assets del estudio: muestra cómo un entorno low poly coherente se mantiene unido cuando cada objeto comparte una decisión de sombreado. Úsalo como referencia de paleta y densidad de facetas antes de construir tu propio conjunto.

  • Igualar la densidad de facetasMantén el recuento de triángulos del auto dentro del mismo orden de magnitud por superficie visible que los segmentos de la pista. Densidades muy dispares se leen como una ruptura estilística.
  • Una sola paleta por conjuntoGenera los autos y los accesorios a partir de una sola paleta. Añadir una segunda paleta más tarde es la fuente habitual de pistas que parecen desajustadas.
  • Sombreado plano en todoAplica sombreado plano a cada objeto del conjunto. Un objeto de sombreado suave en una escena de sombreado plano se ve de inmediato y socava la lectura del movimiento.
  • Reutiliza antes de modelarUn solo modelo de barrera rotado y recoloreado cubre la mayor parte de una pista. Menos mallas únicas significan menos llamadas de dibujado y mejor tiempo de fotograma.
Four Seasons Courtyard — la escala low poly a la que vive una pista de carreras.
Gaga Little World — el low poly a escala de juguete.

Entra en el mundo al que pertenece

Un sprite es un personaje sin lugar donde pararse. El último paso es el que nadie más ofrece: toma la hoja que acabas de crear y ponla en un mundo por el que alguien pueda caminar —una isla pequeña, un planeta, una esquina de calle lluviosa—. Todos los mundos de este sitio se hicieron a partir de una sola descripción escrita y se publicaron como una página que puedes jugar.

FAQ

¿De verdad se puede competir en carreras en un navegador? +

Sí. El mundo jugable de esta página se ejecuta en la pestaña del navegador y puedes recorrerlo sin instalar nada. La tasa de fotogramas depende de tu hardware y del número de llamadas de dibujado de la escena, pero una escena low poly con segmentos visibles acotados se mantiene dentro de un presupuesto de 60 fps en gráficos integrados típicos.

¿Necesito escribir código para hacer un juego de carreras low poly? +

No. En el creador de juegos 3D, tiendes segmentos de carretera sobre una cuadrícula, colocas accesorios, defines el punto de aparición y cierras el circuito con las herramientas de colocación del creador. El código solo se vuelve relevante si quieres un comportamiento personalizado más allá de lo que expone el creador.

¿De dónde salen los autos y accesorios low poly? +

O importas un conjunto low poly existente o generas uno con Agent Sprite Forge. Lo que importa es la coherencia: genera los autos y los accesorios de borde de pista en una sola pasada para que compartan una paleta y una densidad de facetas.

¿Cómo hago una pista que se lea bien a velocidad? +

Empieza por el contraste de valor entre carretera y fuera de carretera para que el borde sea legible, coloca accesorios a intervalos uniformes a lo largo de cada recta como señales de velocidad y comprime su espaciado en las curvas. Luego define el punto de aparición sobre la línea central con una anticipación despejada y recorre una vuelta completa a velocidad antes de añadir más pista.

¿Qué limita el rendimiento en un juego de carreras low poly de navegador? +

Las llamadas de dibujado y la tasa de relleno, no el recuento bruto de triángulos. Un segmento de 2.000 triángulos renderizado como una malla separada cuesta más que la misma geometría fusionada. Mantén acotado el conjunto de segmentos visibles con culling y reutiliza mallas en lugar de multiplicar las únicas.

¿Puedo exportar una pista a un motor completo más tarde? +

Sí. La escena se puede exportar para llevarla a un motor completo cuando el entorno de ejecución del navegador deja de ser suficiente. Ese es el camino habitual si más adelante necesitas física personalizada o más rivales de los que maneja el entorno de ejecución del navegador.

Volver al creador de juegos 3D

Los 31 mundos, juegos y escenas 3D terminados están en una sola página, y todos son jugables.

Plataforma: Neta StudioPágina: Juegos de carreras low polyLee a continuación: /use-cases/en/low-poly-3d-assets · /explore/tool/ai-voxel-game-maker · /use-cases/en/isometric-pixel-art
×