Comments (3)
@ehd19777 look at this example, you need create THREE.Terrain in onload heightmap callback
var heightmapImage = new Image();
heightmapImage.src = 'heightmap.png';
heightmapImage.onload = function () {
THREE.ImageUtils.loadTexture('sand1.jpg', undefined, function (t1) {
THREE.ImageUtils.loadTexture('grass1.jpg', undefined, function (t2) {
THREE.ImageUtils.loadTexture('stone1.jpg', undefined, function (t3) {
THREE.ImageUtils.loadTexture('snow1.jpg', undefined, function (t4) {
var material = THREE.Terrain.generateBlendedMaterial([
{texture: t1},
{texture: t2, levels: [-80, -35, 20, 50]},
{texture: t3, levels: [20, 50, 60, 85]},
{texture: t4, glsl: '1.0 - smoothstep(65.0 + smoothstep(-256.0, 256.0, vPosition.x) * 10.0, 80.0, vPosition.z)'},
{texture: t3, glsl: 'slope > 0.7853981633974483 ? 0.2 : 1.0 - smoothstep(0.47123889803846897, 0.7853981633974483, slope) + 0.2'},
]);
var terrainScene = THREE.Terrain({
heightmap: heightmapImage,
material: material,
maxHeight: 100,
minHeight: -100,
xSegments: 63,
xSize: 1024,
ySegments: 63,
ySize: 1024
});
scene.add(terrainScene);
terrainScene.children[0].castShadow = true;
terrainScene.children[0].receiveShadow = true;
});
});
});
});
};
from three.terrain.
@vladgaidukov Awesome that did the trick.. Thank you very much for your help.. Greatly appreciated.. Cheers mate..
from three.terrain.
Nice, thanks @vladgaidukov for helping!
@ehd19777 glad you're enjoying the library
from three.terrain.
Related Issues (20)
- adding physics or collision to generated terrain HOT 3
- Unable to convert shader position to heightmap value HOT 2
- Object shadows (in ver 100) HOT 7
- Texture Repeating HOT 1
- Typescript bindings? HOT 18
- Feature request: button to download geometry HOT 1
- Possible mismatch in randomness HOT 1
- Meaning of parameters of generateBlendedMaterial? HOT 2
- BlendedTerrain problem HOT 1
- Island with a hill, how? HOT 2
- Large memory consumption, why? HOT 2
- Support disabling rescaling in Clamp to avoid seams with repeating Perlin/Simplex terrains HOT 17
- generateBlendedMaterial to support normalMaps / StandardMeshMaterial. HOT 4
- physics support ? HOT 1
- I m facing error using your library HOT 2
- Edges Documentation HOT 1
- Calculating heights between segments (Interpolation) HOT 3
- Wrong variable name in scatter.js HOT 1
- Implement Optimizations HOT 1
- could it load real terrain? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from three.terrain.