Terrain



Terrain

Dado que GBEngine está construido sobre three.js, es posible usar bibliotecas que fueron diseñadas para trabajar con three.js. La mayoría de los objetos GBEngine base (por ejemplo, Escena, Luces, Mallas, etc.) se basan directamente en objetos three.js.

Pero algunas partes de la biblioteca se reescribieron / anularon y, de vez en cuando, puede encontrar situaciones en las que las bibliotecas externas creadas para three.js no sean compatibles con nunuStudio (por ejemplo, posprocesamiento, renderizadores, etc.).

En este tutorial construiremos un programa simple usando la biblioteca THREE.Terrain para malla de terreno generada por procedimientos.

Es importante comprender que GBEngine tiene su propia solución de administración de recursos, pero algunos tipos de recursos se basan en three.js, debe usar los tipos Material, Textura, Imagen, etc. disponibles en GBEngine. Estos deberían funcionar para todas las bibliotecas externas (a menos que estas bibliotecas necesiten una variante específica, en este escenario, debe usar los tipos específicos de la biblioteca mediante programación).

Para importar bibliotecas externas a su proyecto, arrastre el archivo JS al explorador de recursos y luego impórtelos en su script usando la importación ('library.js'); Después de importar el archivo, la biblioteca se puede utilizar normalmente.


include("THREE.Terrain.min.js");

function initialize()
{
var terrain = THREE.Terrain({
	steps: 1,
	useBufferGeometry: false,
	easing: THREE.Terrain.Linear,
	scattering: "SimplexLayers"
});
scene.add(terrain);
}

Ahora que tenemos la biblioteca en funcionamiento, podemos crear los materiales y texturas adecuados para adjuntarlos a la biblioteca. Estos recursos se pueden obtener usando su nombre en el objeto de script. Consulte las guías anteriores para obtener más detalles sobre el sistema de recursos y cómo usarlos dentro de los scripts.


Terrain GBEngine Demo











NUESTROS Partners
image
Official

MANTENTE CONECTADO

Twitch
image image
Facebook
image image
Twitter
image image
YouTube
image image
Instagram
image image
Vimeo
image image