three.js中文文檔學(xué)習(xí)之通過模塊導(dǎo)入
前言
本文主要給大家介紹了關(guān)于three.js通過模塊導(dǎo)入的相關(guān)內(nèi)容,通過 script 標簽導(dǎo)入 three.js 是很好的入門并快速運行的方式,對于長期更新的項目有些不足,比如:
- 你需要手動調(diào)用和引入庫里的副本,作為你項目源碼的一部分。
- 更新庫的版本是手動的過程
- 當引入新版本庫,你的版本管理差異會與源文件混亂
使用像 NPM 這樣的依賴管理能避免這些版本問題的不足。
通過 NPM 安裝
three.js 已作為 npm 模塊發(fā)布,詳見:npm。關(guān)于npm的卸載與安裝大家可以參考這篇文章:http://chabaoo.cn/article/90518.htm,這里就不過多介紹了,安裝成功后,只需要運行 npm install three
, three.js 便會包含在你項目之中。
導(dǎo)入模塊
假定你使用Webpack 或者 Browserify 的打包工具,會允許你在代碼中使用 require('modules')
引用打包的所有依賴項。
你現(xiàn)在應(yīng)該能在源碼中導(dǎo)入模塊并且能按常進行。
var THREE = require('three'); var scene = new THREE.Scene();
你也能運用 ES6導(dǎo)入語法
import * as THREE from 'three'; const scene = new THREE.Scene();
或者你想要導(dǎo)入 three.js 庫中的部分,比如導(dǎo)入 Scene:
import {Scene} from 'three'; const scene = new Scene();
警告
目前不能通過在 "examples/js"目錄下導(dǎo)入所有文件。這是由于有些文件依賴全局命名空間 THREE 而導(dǎo)致污染。詳詢 Transform examples/js to support modules #9562.
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
- Three.js開發(fā)實現(xiàn)3D地圖的實踐過程總結(jié)
- three.js中文文檔學(xué)習(xí)之如何本地運行詳解
- three.js中文文檔學(xué)習(xí)之創(chuàng)建場景
- Three.js基礎(chǔ)學(xué)習(xí)教程
- three.js實現(xiàn)3D視野縮放效果
- three.js中3D視野的縮放實現(xiàn)代碼
- Three.js加載外部模型的教程詳解
- three.js加載obj模型的實例代碼
- 利用Three.js如何實現(xiàn)陰影效果實例代碼
- Three.js實現(xiàn)繪制字體模型示例代碼
- three.js實現(xiàn)3D影院的原理的代碼分析
相關(guān)文章
純javascript實現(xiàn)選擇框的全選與反選功能
這篇文章主要介紹了純javascript實現(xiàn)選擇框的全選與反選 ,需要的朋友可以參考下2019-04-04JS控制阿拉伯數(shù)字轉(zhuǎn)為中文大寫示例代碼
阿拉伯數(shù)字如何轉(zhuǎn)為中文大寫這個實現(xiàn)的方法有很多,在本文將為大家介紹下js中時如何實現(xiàn)的,感興趣的朋友可以參考下2013-09-09支付寶小程序?qū)崿F(xiàn)省市區(qū)三級聯(lián)動
這篇文章主要為大家詳細介紹了支付寶小程序?qū)崿F(xiàn)省市區(qū)三級聯(lián)動,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-06-06Bootstrap彈出框(modal)垂直居中的問題及解決方案詳解
這篇文章主要介紹了Bootstrap彈出框(modal)垂直居中的問題及解決方案詳解的相關(guān)資料,非常不錯具有參考借鑒價值,需要的朋友可以參考下2016-06-06javaScript實現(xiàn)網(wǎng)頁版的彈球游戲
這篇文章主要為大家詳細介紹了javaScript實現(xiàn)網(wǎng)頁版的彈球游戲,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-07-07WebGL利用FBO完成立方體貼圖效果完整實例(附demo源碼下載)
這篇文章主要介紹了WebGL利用FBO完成立方體貼圖效果的方法,以完整實例形式分析了WebGL實現(xiàn)立方體貼圖的具體步驟與相關(guān)技巧,并附帶了demo源碼供讀者下載參考,需要的朋友可以參考下2016-01-01