三大组件
1.场景
var scene = new THREE.Scence();
承载所绘对象的容器,如要显示个苹果,需将苹果加入场景中。
eg:
var geometry = new THREE.CubeGeometry(1,1,1); 规定一个几何体;
var material = new THREE.MeshBasicMaterial({color:0x00ff00}); 规定一个样式
var cube = new THREE.Mesh(geometry, material); 生成3d模型对象
scene.add(cube); 将对象添加到场景。
2.相机
var camera = new THREE.PerspectiveCamera();
使用透视相机,其中参数很多,按下不表。
3.渲染器
var renderer = new THREE.WebGLRenderer();
renderer.render(scene,camera);
渲染器决定渲染结果应画在页面的什么元素上面,还有以怎么样的方式来绘制。
实时渲染:不停地对画面进行渲染,即使画面没有改变;使用requestAnimationFrame()函数。