tileterrain
v0.8.0
Published
- creates a Three geometry - displays grid/edges (`createLines`) - `raise` method for raising terrain at given tile (use negative values for lower terrain)
Downloads
18
Readme
Tile terrain for Three.js
- creates a Three geometry
- displays grid/edges (
createLines
) raise
method for raising terrain at given tile (use negative values for lower terrain)
Example:
const material = new THREE.MeshLambertMaterial({color: '#33ff33', flatShading: true, });
const mesh = new THREE.Mesh(new THREE.BufferGeometry(), material);
const terrain = createTerrain({
tile: {x:0,y:0,z:0},
rows: 32, columns: 32,
tileSize: 1,
onChange: ({ geometry }) => {
mesh.geometry = geometry;
},
use: {
THREE,
},
});
terrain.raise({x: 2, y: 3});
terrain.raise({x: 5, y: 5});
terrain.raise({x: 20, y: 20});
setTimeout(() => {
terrain.raise({x: 21, y: 20});
terrain.raise({x: 20, y: 20}, 3);
}, 2000);
No more docs for now. You can look into source code. Module works but API can change.
Module was extracted from bigger project: https://looptile.netlify.app/ It's a 3D tile editor.