①檢驗檔案匯入成功已生效：

在Console下輸入 THREE.REVISION命令，得到當前three.js檔案的版本。

PS：THREE是一個three.js物件，可以狹隘的理解為three.js引擎的抽象。它代表著three.js引擎本身，其中包含引擎的很多常用屬性和方法。例如 THREE.REVISION就是程式碼引擎的版本。

②渲染到瀏覽器：

在Three.js中，要渲染物體到網頁中，我們需要3個組建：場景（scene）、相機（camera）和渲染器（renderer）。有了這三樣東西，才能將物體渲染到網頁中去。

記住關建語句：有了這三樣東西，我們才能夠使用相機將場景渲染到網頁上去。

③場景和相機以及渲染器：

在Threejs中場景就只有一種，用THREE.Scene來表示，要構件一個場景也很簡單，只要new一個物件就可以了，程式碼如下：

var scene = new THREE.Scene();

場景只有一種，但是相機卻又很多種。和現實中一樣，不同的相機確定了呈相的各個方面。比如有的相機適合人像，有的相機適合風景，專業的攝影師根據實際用途不一樣，選擇不同的相機。對程式設計師來說，只要設定不同的相機引數，就能夠讓相機產生不一樣的效果。

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

渲染器決定了渲染的結果應該畫在頁面的什麼元素上面，並且以怎樣的方式來繪製：

var geometry = new THREE.CubeGeometry(1,1,1); 
var material = new THREE.MeshBasicMaterial({color: 0x00ff00});
var cube = new THREE.Mesh(geometry, material); 
scene.add(cube);

配合場景和攝像機渲染

renderer.render(scene, camera);

④渲染迴圈：

渲染有兩種方式：實時渲染和離線渲染 。

⑤場景，相機，渲染器之間的關係：