2013-07-11 100 views
2

我試圖隨機生成類似於Cube Slamthis video中所見地形的低聚風格地形。我嘗試着使用webgl_geometry_terrain.html示例進行實驗,但它仍然產生了一些平滑的地形,而不是構成我想要的地形的平面多邊形。隨機生成低聚地形

我剛剛開始使用Three.js,所以很可能有一個相當簡單的解決方案來解決我的問題。

回答

1

看看http://threejs.org/examples/canvas_geometry_terrain.html它似乎做了很好的隨機地形。

+0

我引用上面(webgl_geometry_terrain.html)非常類似的例子。除了我的示例使用WebGL外,它們基本上都是相同的。我想要做的是消除路徑平滑,並讓它生成具有平坦直線多邊形的地形,就像這兩個示例一樣。 – agg23

+0

你能解決這個問題嗎?我正在試驗three.js,並試圖去尋找類似的低聚效應。我能夠通過改變其生成的Terrain函數來使用平坦的顏色來獲取鱉畫,但我試圖根據它們與光線的角度得到陰影。你是否曾經能夠找到其他資源? –

+0

@RickyHartmann萬一你沒有解決這個問題,請參閱我的答案。 – JoeRocc

0

真的簡單,只需使用THREE.FlatShading(編輯:和geometry.computeFaceNormals()):

var geometry = new THREE.BoxGeometry(2, 2, 2); 
var material = new THREE.MeshLambertMaterial({ color: 0xdddddd, shading: THREE.FlatShading }); 
geometry.computeFaceNormals(); // <-- I think you'll need this if you're doing terrain (as opposed to built in geometry like BoxGeometry) 
var mesh = new THREE.Mesh(geometry, material); 
scene.add(mesh);