three.js-002

標籤：--   nbsp   不同的   代碼   cti   不同   頁面   決定   參數   

threejs   三大組件情境（scene）、相機（camera）和渲染器（renderer）。

通過這3大組件才能將物體渲染到網頁中

1.scene-----所有物品的容器

在Threejs中情境就只有一種，用THREE.Scene來表示，要構件一個情境也很簡單，只要new一個對象就可以了，代碼如下：

var scene = new THREE.Scene();

情境是所有物體的容器，如果要顯示一個蘋果，就需要將蘋果對象加入情境中。

 

2.camera----觀察物體的視角

相機決定了情境中那個角度的景色會顯示出來。相機就像人的眼睛一樣，人站在不同位置，抬頭或者低頭都能夠看到不同的景色。

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

在Threejs中有多種相機，這裡介紹兩種，它們是：

透視相機（THREE.PerspectiveCamera）

3.renderer----繪製在哪，怎樣的方式

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

 

three.js-002