三維場(chǎng)景基本要素：
場(chǎng)景（Scene）：模型葵腹、燈光等
相機(jī)（Camera）：觀察場(chǎng)景的視角
渲染器（Renderer）：場(chǎng)景渲染輸出的目標(biāo)
渲染（render）：執(zhí)行渲染操作
效果圖：
步驟：
一职恳、創(chuàng)建場(chǎng)景 （scene）
? ? var scene = new THREE.Scene();//創(chuàng)建一個(gè)場(chǎng)景元素
二六敬、添加網(wǎng)格模型（mesh）
??? var geometry = new THREE.BoxGeometry(100,100,100);//長(zhǎng)寬高
??? var material = new THREE.MeshLambertMaterial({color:red});
??? var mesh = new THREE.Mesh();
??? scene.add(mesh);
三表鳍、添加燈光（light）
var light = new THREE.PointLight(0xffffff);//創(chuàng)建一個(gè)點(diǎn)光源卧须，顏色為黑色
light.position.set(300,400,200);//光源的位置
scene.add(light);
四现拒、添加相機(jī)（camera）
var camera = new THREE.PerspectiveCamera(40,800/600,1,1000);
camera.position.set(200,200,200);//相機(jī)的位置
camera.lookAt(scene.position);//相機(jī)朝向
五叮阅、創(chuàng)建渲染器（renderer）
var renderer = new WebGLRenderer();
renderer.setSize(800,600); //設(shè)置渲染器的尺寸
document.body.appendChild(renderer.domElement);
六、渲染（render）
renderer.render(scene,camera);
整體代碼如下圖
