資訊專欄INFORMATION COLUMN
摘要：對(duì)象是所有不同對(duì)象的容器，也就是說(shuō)該對(duì)象保存所有物體光源攝像機(jī)以及渲染所需的其他對(duì)象。對(duì)象又是被稱為場(chǎng)景圖，它不僅僅是一個(gè)對(duì)象數(shù)組，還包含了整個(gè)場(chǎng)景圖樹(shù)形結(jié)構(gòu)中的所有節(jié)點(diǎn)每個(gè)添加到場(chǎng)景的對(duì)象，甚至包括本身都是繼承自一個(gè)名為的對(duì)象。
THREE.Scene
THREE.Scene 對(duì)象是所有不同對(duì)象的容器，也就是說(shuō)該對(duì)象保存所有物體、光源、攝像機(jī)以及渲染所需的其他對(duì)象。
THREE.Scene 對(duì)象又是被稱為場(chǎng)景圖，它不僅僅是一個(gè)對(duì)象數(shù)組，還包含了整個(gè)場(chǎng)景圖樹(shù)形結(jié)構(gòu)中的所有節(jié)點(diǎn)：
每個(gè)添加到 Three.js 場(chǎng)景的對(duì)象，甚至包括 THREE.Scene 本身都是繼承自一個(gè)名為 THREE.Object3D 的對(duì)象。
每個(gè) THREE.Object3D 對(duì)象也可以有自己的子對(duì)象，我們可以使用它的子對(duì)象來(lái)創(chuàng)建一個(gè) Three.js 能解釋和渲染的對(duì)象樹(shù)。
| 組件 | 描述 |
|---|---|
| 相機(jī) | 決定哪些東西在屏幕上渲染 |
| 光源 | 對(duì)材質(zhì)如何顯示，以及生成陰影時(shí)材質(zhì)如何使用產(chǎn)生影響 |
| 物體 | 相機(jī)里主要的渲染對(duì)象，如方塊、球體 |
THREE.Scene()就像是所有這些對(duì)象的容器。下面是對(duì)場(chǎng)景對(duì)象最重要的函數(shù)
| 函數(shù)/屬性 | 描述 |
|---|---|
| add(Object) | 添加對(duì)象到場(chǎng)景中 |
| children | 返回場(chǎng)景中所有對(duì)象的列表，包括相機(jī)和光源 |
| getChildByName(name) | 利用name屬性，返回場(chǎng)景中特定的對(duì)象 |
| remove(Object) | 把對(duì)象從場(chǎng)景中刪除 |
| traverse(function) | 通過(guò)traverse這個(gè)函數(shù)，我們可以通過(guò)回調(diào)函數(shù)訪問(wèn)場(chǎng)景對(duì)象及其子對(duì)象 |
| fog | 通過(guò)這個(gè)屬性，可以設(shè)置場(chǎng)景中的霧化效果，它可以渲染出一層霧氣 |
| overrideMaterial | 通過(guò)這個(gè)屬性，可以強(qiáng)制場(chǎng)景中的所有物體都使用相同的材質(zhì) |
| background | 通過(guò)這個(gè)屬性，可以設(shè)置場(chǎng)景的背景，它總是第一個(gè)被渲染，可以是Color、紋理Texture覆蓋、或者CubeTexture |
場(chǎng)景
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/93990.html
摘要：和使用的坐標(biāo)系是右手坐標(biāo)系。與都是指到照相機(jī)位置在深度平面的位置，而照相機(jī)不應(yīng)該拍攝到其后方的物體，因此這兩個(gè)值應(yīng)該均為正值。 Three.js是一個(gè)3D JavaScript庫(kù)。Three.js封裝了底層的圖形接口，使得程序員能夠在無(wú)需掌握繁冗的圖形學(xué)知識(shí)的情況下，也能用簡(jiǎn)單的代碼實(shí)現(xiàn)三維場(chǎng)景的渲染。 一個(gè)典型的Three.js程序至少要包括渲染器（Renderer）、場(chǎng)景（Sc...
摘要：學(xué)習(xí)筆記使用粒子系統(tǒng)模擬時(shí)空隧道本例的運(yùn)行結(jié)果如圖時(shí)空隧道演示地址的粒子系統(tǒng)的粒子系統(tǒng)主要是依靠精靈體來(lái)創(chuàng)建的，要實(shí)現(xiàn)中的粒子系統(tǒng)創(chuàng)建，一般有兩種方式。 WebGL three.js學(xué)習(xí)筆記 使用粒子系統(tǒng)模擬時(shí)空隧道 本例的運(yùn)行結(jié)果如圖：showImg(https://img-blog.csdnimg.cn/20190426222855492.png?x-oss-process=ima...
摘要：使用將能夠利用硬件加速?gòu)亩岣咪秩拘阅?。這個(gè)渲染器比渲染器有更好的性能。聲明構(gòu)造器是一個(gè)可選對(duì)象，包含用來(lái)定義渲染器行為的屬性。所用的渲染上下文對(duì)象。設(shè)置背景色和背景色透明度渲染器渲染器不使用來(lái)繪制場(chǎng)景，而使用相對(duì)較慢的。 渲染器api WebGL渲染器（WebGLRenderer） WebGL渲染器使用WebGL來(lái)繪制您的場(chǎng)景，如果您的設(shè)備支持的話。使用WebGL將能夠利用GPU硬...
閱讀 1130·2021-11-16 11:42
閱讀 2910·2021-10-12 10:18
閱讀 2868·2021-09-24 09:48
閱讀 3471·2019-08-30 15:56
閱讀 1536·2019-08-30 14:17
閱讀 3052·2019-08-29 12:14
閱讀 914·2019-08-27 10:51
閱讀 2032·2019-08-26 13:28
