Modelos 3D low-poly para PlayCanvas: GLB con LOD0–LOD3

Modelos 3D estilo Low-poly para PlayCanvas

PlayCanvas importa los GLB como assets de tipo container: arrastra un archivo FoliMesh al editor (el FBX se convierte al importarlo) y obtienes una plantilla con toda la jerarquía del modelo; en código puro, usa app.assets.loadFromUrl(url, 'container') y asset.resource.instantiateRenderEntity().

Como el motor no trae componente LOD, un script compara la distancia de cámara y prende o apaga los componentes de render de las entidades LOD0–LOD3; los árboles estáticos se agrupan en un batch group y los bosques grandes usan instancing por hardware con meshInstance.setInstancing(). Flat shading y colores de vértice eliminan texturas y UV: un Roble, un Ciprés o una Agave, entre 42 modelos, comparten un material que multiplica por el color de vértice. Los presupuestos van de unos cientos a dos mil triángulos en LOD0, ideales para WebGL en celulares, VR y city builders estilizados.

Acerca del estilo Low-poly

El low poly es el estilo más económico para renderizar y para publicar.

Sombreado plano: una normal por cara da el look facetado nítido, sin mapas de normales.
El color está en los vértices (glTF COLOR_0): sin texturas, sin trabajo de UV y casi sin memoria de video.
El follaje es geometría sólida, no tarjetas con alfa: sin alpha test ni overdraw transparente, algo clave en GPU de celulares.
Un solo material sirve para todos los modelos de la escena, así que los árboles se agrupan e instancian fácilmente.
Los presupuestos típicos van de unos cientos a un par de miles de triángulos en LOD0.

Funciona muy bien en celulares, WebGL/WebGPU, VR, estrategia, city builders y juegos indie estilizados. En el motor, usa un material que multiplique por el color de vértice.

Uso en PlayCanvas

PlayCanvas trata el GLB como un asset container. En el editor, sube el GLB (el FBX se convierte a GLB al importar) y obtendrás una plantilla con la jerarquía del modelo; en código solo de motor usa app.assets.loadFromUrl(url, 'container') y asset.resource.instantiateRenderEntity().

LOD: no hay un componente LOD integrado, así que un script corto compara la distancia a la cámara y activa o desactiva los componentes render de las entidades LOD0–LOD3.
Los árboles estáticos pueden compartir un batch group para combinar draw calls; en bosques grandes usa instancing por hardware con meshInstance.setInstancing() y un vertex buffer de transformaciones.
Follaje: el MASK de glTF define alphaTest en el StandardMaterial; usa cull mode none para hojas de doble cara.
Malla de colisión: componente collision de tipo mesh más un rigidbody estático, con el componente render desactivado.