15、three.js編輯器二次開發(fā)和物理引擎介紹
1、three.js編輯器二次開發(fā)
注意問題:(1)首先我們在瀏覽器搜索Three.js源碼解析即可看到相關(guān)講解文件
(2)參考地址:https://blog.csdn.net/tianyapai/article/details/104760134。該作者對three.js編輯器源碼進(jìn)行了相關(guān)講解,一共19個文章。
three.js場景編輯器的一些初始配置信息存放在editor\js\Config.js下,當(dāng)?shù)谝淮渭虞d的時候,編輯器會使用這個配置文件設(shè)置默認(rèn)配置,并將這些配置信息存儲在瀏覽器的window.localStorage,當(dāng)再次打開編輯器時會從瀏覽器本地的window.localStorage讀取這些配置,特別是當(dāng)用戶自己設(shè)定了一些配置項時很有用。
(3)具體案例實現(xiàn)修改編輯默認(rèn)顯示中文狀態(tài)
打開我們加載的編輯器源碼,接著找到editor\js\Config.js文件——》修改storage里面的language后面的值為zh——》此時默認(rèn)打開three.js編輯器就會顯示中文信息。——》

three.js存儲頁面菜單信息的文件在editor\js\Strings.js里面

three.js實現(xiàn)點擊按鈕修改語言的文件在editor\js\Sidebar.Settings.js里面

2、three.js物理引擎cannon介紹
注意問題:(1)Three.js設(shè)置陰影方法
首先要將渲染器開啟來,還要對燈光設(shè)置允許投射陰影,接著在地面設(shè)置接收陰影。
認(rèn)識物理引擎和cannon安裝
cannon的安裝和引入:https://www.npmjs.com/package/cannon
cannon官方案例網(wǎng)址和文檔:https://pmndrs.github.io/cannon-es/
