【three.js學習筆記】場景

codecraft 發布于2019-08-22 16:02 / 1260人閱讀

摘要：對象是所有不同對象的容器，也就是說該對象保存所有物體光源攝像機以及渲染所需的其他對象。對象又是被稱為場景圖，它不僅僅是一個對象數組，還包含了整個場景圖樹形結構中的所有節點每個添加到場景的對象，甚至包括本身都是繼承自一個名為的對象。

THREE.Scene

THREE.Scene 對象是所有不同對象的容器，也就是說該對象保存所有物體、光源、攝像機以及渲染所需的其他對象。

THREE.Scene 對象又是被稱為場景圖，它不僅僅是一個對象數組，還包含了整個場景圖樹形結構中的所有節點：
每個添加到 Three.js 場景的對象，甚至包括 THREE.Scene 本身都是繼承自一個名為 THREE.Object3D 的對象。
每個 THREE.Object3D 對象也可以有自己的子對象，我們可以使用它的子對象來創建一個 Three.js 能解釋和渲染的對象樹。

組件	描述
相機	決定哪些東西在屏幕上渲染
光源	對材質如何顯示，以及生成陰影時材質如何使用產生影響
物體	相機里主要的渲染對象，如方塊、球體

THREE.Scene()就像是所有這些對象的容器。下面是對場景對象最重要的函數

函數/屬性	描述
add(Object)	添加對象到場景中
children	返回場景中所有對象的列表，包括相機和光源
getChildByName(name)	利用name屬性，返回場景中特定的對象
remove(Object)	把對象從場景中刪除
traverse(function)	通過traverse這個函數，我們可以通過回調函數訪問場景對象及其子對象
fog	通過這個屬性，可以設置場景中的霧化效果，它可以渲染出一層霧氣
overrideMaterial	通過這個屬性，可以強制場景中的所有物體都使用相同的材質
background	通過這個屬性，可以設置場景的背景，它總是第一個被渲染，可以是Color、紋理Texture覆蓋、或者CubeTexture




    
    場景

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/93990.html

Three.js學習筆記

摘要：和使用的坐標系是右手坐標系。與都是指到照相機位置在深度平面的位置，而照相機不應該拍攝到其后方的物體，因此這兩個值應該均為正值。 Three.js是一個3D JavaScript庫。Three.js封裝了底層的圖形接口，使得程序員能夠在無需掌握繁冗的圖形學知識的情況下，也能用簡單的代碼實現三維場景的渲染。一個典型的Three.js程序至少要包括渲染器（Renderer）、場景（Sc...

20171112 2019-08-21 15:12 評論0 收藏0
WebGL three.js學習筆記使用粒子系統模擬時空隧道（蟲洞）

摘要：學習筆記使用粒子系統模擬時空隧道本例的運行結果如圖時空隧道演示地址的粒子系統的粒子系統主要是依靠精靈體來創建的，要實現中的粒子系統創建，一般有兩種方式。 WebGL three.js學習筆記使用粒子系統模擬時空隧道本例的運行結果如圖：showImg(https://img-blog.csdnimg.cn/20190426222855492.png?x-oss-process=ima...

Guakin_Huang 2019-08-23 17:10 評論0 收藏0
【three.js學習筆記】渲染器

摘要：使用將能夠利用硬件加速從而提高渲染性能。這個渲染器比渲染器有更好的性能。聲明構造器是一個可選對象，包含用來定義渲染器行為的屬性。所用的渲染上下文對象。設置背景色和背景色透明度渲染器渲染器不使用來繪制場景，而使用相對較慢的。渲染器api WebGL渲染器（WebGLRenderer） WebGL渲染器使用WebGL來繪制您的場景，如果您的設備支持的話。使用WebGL將能夠利用GPU硬...

劉玉平 2019-08-22 16:04 評論0 收藏0