淺析如何創(chuàng)建一個(gè)Three.js實(shí)例

第一個(gè) 3D 案例

之前介紹了three.js開(kāi)發(fā)前準(zhǔn)備：詳見(jiàn)Three.js應(yīng)用場(chǎng)景以及開(kāi)發(fā)前準(zhǔn)備工作

下面就介紹如何利用three.js開(kāi)發(fā)一個(gè)實(shí)例。

入門 Three.js 的第一步，就是認(rèn)識(shí)

場(chǎng)景 Scene、

相機(jī) Camera、

渲染器 Renderer

三個(gè)基本概念。

場(chǎng)景 Scene

場(chǎng)景能夠讓 在什么地方、擺放什么東西來(lái)交給 three.js 來(lái)渲染 ，這是 放置物體、燈光和攝像機(jī)的地方。

構(gòu)造器

Scene()

創(chuàng)建一個(gè)新的場(chǎng)景對(duì)象。

屬性

.background : Object 若不為空，在渲染場(chǎng)景的時(shí)候?qū)⒃O(shè)置背景，且背景總是首先被渲染的。 可以設(shè)置一個(gè)用于的“clear”的 Color（顏色） 、一個(gè)覆蓋 canvas 的 Texture（紋理） ， 或是 a cubemap as a CubeTexture or an equirectangular as a Texture。 默認(rèn)值為 null。

.backgroundBlurriness(.Background 模糊度) : Float 設(shè)置背景的模糊度。僅影響分配給 Scene.background 的環(huán)境貼圖。有效輸入是介于 0 和 1 之間的浮點(diǎn)值。 默認(rèn)值為 0。

.environment : Texture 若該值不為 null，則該紋理貼圖將會(huì)被設(shè)為場(chǎng)景中所有物理材質(zhì)的環(huán)境貼圖。 然而，該屬性不能夠覆蓋已存在的、已分配給 MeshStandardMaterial.envMap 的貼圖。 默認(rèn)為 null。

.fog : Fog 一個(gè) fog 實(shí)例定義了影響場(chǎng)景中的每個(gè)物體的霧的類型。 默認(rèn)值為 null。

.isScene : Boolean 只讀標(biāo)志，用于檢查給定對(duì)象是否屬于“場(chǎng)景”類型。

.overrideMaterial Material 如果不為空，它將強(qiáng)制場(chǎng)景中的每個(gè)物體使用這里的材質(zhì)來(lái)渲染。 默認(rèn)值為 null。