threeJs基础（1）

三大组件

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()函数。