CODEWITHSUNDEEP
javascriptthree.jstextureswebglterrain
Eric
Eric

Reputation: 1444

Layering textures on terrain in three.js

I have a large terrain, and I would like to lay a low-resolution satellite image across the whole thing.

Then, in areas near the user, I would like to blend in a higher resolution texture of terrain features.

Is texture splatting the best way to do this or is there a better way? (Texture splatting with Three.js)

Upvotes: 2

Views: 1823

Answers (1)

Sean
Sean

Reputation: 879

Well to apply a texture on your heightmap, I will sugest you use the THREE.ImageUtils.loadTexture feature. Please note, that you will need to have the texture in jpg, and not tiff. See this . The code is in github.

For changing the grid resolution to accomodate for high resolution in front, you may want to use cariayble LOD algorithms, one example can be found here.

Upvotes: 2

Related Questions