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