和前一章相比,主要在模型的生成方面。
细节如下:
用3dmax绘制模型,注意材质球的坐标原点设为一致,然后导出为obj,注意带上mtl文件,纹理文件使用jpg格式,不用用tga格式,three.js不支持。
效果如下:
在three.js的使用上:
//wsad can control forward back left right,R can rise up camera height,F can reduce camera height.Q can freezen screen
_this.Controls = new THREE.FirstPersonControls(_this.Camera,divObj);//must set the second parameter,if not,you can't click you textbox in other div.
_this.Controls.movementSpeed = 30;//key speed
_this.Controls.lookSpeed = 0.03;//mouse speed
要显示阴影,需要设置光源显示阴影,对象显示阴影,对象投影的地方接受阴影,甚至对象本身接受阴影:
_this.Light.shadowMapWidth = 1024;
_this.Light.