一个典型的Three.js程序至少要包括渲染器(Renderer)、场景(Scene)、照相机(Camera),以及你在场景中创建的物体
1.渲染器 (Renderer)
渲染器 :决定了渲染的结果应该画在页面的什么元素上面,并且以怎样的方式来绘制
代码如下:var renderer = new THREE.WebGLRenderer({antialias:true});
2.场景 (Scene)
场景:场景是所有物体的容器,如果要显示一个正方体,就需要将正方体对象加入场景中。
代码如下:var scene = new THREE.Scene();
3.照相机 (Camera)
照相机:相机决定了场景中那个角度的景色会显示出来。相机就像人的眼睛一样,人站在不同位置,抬头或者低头都能够看到不同的景色。
代码如下:var camera = new THREE.PerspectiveCamera(45,window.innerWidth/window.innerHeight,1,4000);
这篇文章只是介绍了这三大组件,后面我会在接下来的文章加上具体内容