本节主要内容:
- 使用threejs绘制网格底板;
- 生成随机地图。
使用ThreeJs绘制网格底板
先上效果图:
写一个函数initGround用于初始化:
function initGround(){
}
设置网格宽度为200:
var length=200;
下面开始绘制网格,我们希望把坐标原点放置在网格中心,由此可知,网格的四个顶点坐标分别为
Three.Vector3(length/2,0,length/2);
Three.Vector3(-length/2,0,length/2);
Three.Vector3(length/2,0,-length/2);
Three.Vector3(-length/2,0,-length/2);
这里使用旋转法生成网格,具体算法使用动图解释如下: