Three.js基礎(chǔ)學(xué)習(xí)之場(chǎng)景對(duì)象
前言
本文主要給大家介紹了關(guān)于Three.js場(chǎng)景對(duì)象的相關(guān)內(nèi)容，分享出來(lái)供大家參考學(xué)習(xí)，下面話不多說(shuō)了，來(lái)一起看看詳細(xì)的介紹吧。
通過(guò)這一段時(shí)間的學(xué)習(xí)，發(fā)現(xiàn)還沒(méi)有介紹過(guò)場(chǎng)景的基本組件。這一節(jié)就簡(jiǎn)單的介紹一下相關(guān)的內(nèi)容：
如果我們想讓物體顯示出來(lái)，首先，我們需要有一個(gè)渲染器（new THREE.WebGLRenderer() ）來(lái)渲染模型和相機(jī)。
渲染的模型需要放到場(chǎng)景（THREE.Scene() ）對(duì)象中，場(chǎng)景對(duì)象就是專(zhuān)門(mén)放置模型等一系列組件的地方，必須有一個(gè)模型和一個(gè)光源才可以顯示出來(lái)模型。
最后需要使用調(diào)用實(shí)例化的渲染器的渲染方法將需要渲染的場(chǎng)景和相機(jī)傳入，才可以顯示出來(lái)。
如果需要查看在場(chǎng)景中放置的組件，可以打印一下
console.log(scene.children);
將返回一個(gè)由所有組件組成的組件數(shù)組。
向場(chǎng)景里面添加一個(gè)模型組件的方法將使用
scene.add(THREE.Object3D);
如果需要?jiǎng)h除一個(gè)添加到場(chǎng)景內(nèi)的組件，需要使用
scene.remove(THREE.Object3D);
遍歷scene場(chǎng)景內(nèi)的所有的子元素的方法：
scene.traverse(function(obj){console.log(obj)});
打印出來(lái)的將是場(chǎng)景的每個(gè)子元素。
如果組件設(shè)置了添加了id屬性或者name屬性，則我們可以通過(guò)以下方法從場(chǎng)景中獲取到目標(biāo)組件
scene.getObjectByName(name); scene.getObjectById(id);
有了上面的這些方法，我們就可以很方便的對(duì)場(chǎng)景內(nèi)的模型組件進(jìn)行操作。
總結(jié)
以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家學(xué)習(xí)或者使用Three.js具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問(wèn)大家可以留言交流，謝謝大家對(duì)腳本之家的支持。
相關(guān)文章
微信小程序MoxB實(shí)現(xiàn)全局狀態(tài)管理流程詳解
這篇文章主要介紹了微信小程序使用MoxB實(shí)現(xiàn)全局狀態(tài)管理方法，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)吧2022-11-11
今天Test時(shí)發(fā)現(xiàn)一個(gè)小問(wèn)題，上傳控件完成后，路徑還保留，為了清除，需要想一些辦法2013-07-07
這篇文章主要介紹了JavaScript中ahooks處理DOM的方法，主要通過(guò)ahooks對(duì)DOM類(lèi)Hooks使用規(guī)范，以及源碼中是如何去做處理的，具體詳細(xì)介紹需要的小伙伴可以參考一下下面文章內(nèi)容2022-06-06
js遍歷table的所有元素的代碼，方便我們控制table的所有元素，顏色，樣式等2008-07-07
JavaScript讀取中文cookie時(shí)的亂碼問(wèn)題的解決方法
讀取中文cookie時(shí)出現(xiàn)亂碼，下面是具體的解決方法，大家以后使用過(guò)程中，盡量不要用中文。2009-10-10
JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)版簡(jiǎn)易計(jì)算器功能
這篇文章主要介紹了JavaScript實(shí)現(xiàn)網(wǎng)頁(yè)版簡(jiǎn)易計(jì)算器功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-07-07
JavaScript實(shí)現(xiàn)給對(duì)象添加一個(gè)只讀屬性
這篇文章主要為大家介紹了JavaScript如何給對(duì)象加一個(gè)只讀屬性，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-06-06
下面小編就為大家?guī)?lái)一篇Javascript數(shù)組去重的幾種方法詳?shù)慕榻B。小編覺(jué)得聽(tīng)錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看2021-09-09
JavaScript實(shí)現(xiàn)向OL列表內(nèi)動(dòng)態(tài)添加LI元素的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)向OL列表內(nèi)動(dòng)態(tài)添加LI元素的方法,實(shí)例分析了javascript操作html元素的技巧,需要的朋友可以參考下2015-03-03
JavaScript實(shí)現(xiàn)隨機(jī)碼的生成與校驗(yàn)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)隨機(jī)碼的生成與校驗(yàn)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04