一、四大组件

1、场景（场景是所有物体的容器）

var scene=new THREE.Scene();

2、相机（决定了场景中哪个角度的景色会显示出来）

常用透视相机

var camera=new THREE.PerspectiveCamera(45,window.innerWidth/window.innerHeight,1,1000);

3、渲染器（决定了渲染的结果应该在页面的什么元素上面，并且以怎样的方式来绘制）

var renderer=new THREE.WebGLRenderer();

renderer.setSize(window.innerWidth,window.innerHeight);

document.body.appendChild(renderer.domElement);

渲染器renderer的domElement元素，表示渲染器中的画布，所有的渲染都是在domElement上的，然后将domLement挂载到body下，这样就能显示了。

4、几何体（渲染的角色，演员）

二、渲染

1、渲染函数

        renderer.render(scene,camera,renderTarget,forceClear);

        一般只需要前两个参数，第三个参数是渲染的目标，默认为前面定义的renderer

2、渲染方式（实时渲染，离线渲染）

        主要用实时渲染（即使什么都没变也要重新渲染）

        function render(){

                //几何体变换操作

                renderer.render(scene,camera);//渲染函数

                requestAnimationFrame(render);//一帧一帧得调用此函数，让浏览器执行一次参数中的函数

        }