three.js中文文檔學(xué)習(xí)之通過模塊導(dǎo)入
前言
本文主要給大家介紹了關(guān)于three.js通過模塊導(dǎo)入的相關(guān)內(nèi)容,通過 script 標(biāo)簽導(dǎo)入 three.js 是很好的入門并快速運(yùn)行的方式,對于長期更新的項(xiàng)目有些不足,比如:
- 你需要手動調(diào)用和引入庫里的副本,作為你項(xiàng)目源碼的一部分。
- 更新庫的版本是手動的過程
- 當(dāng)引入新版本庫,你的版本管理差異會與源文件混亂
使用像 NPM 這樣的依賴管理能避免這些版本問題的不足。
通過 NPM 安裝
three.js 已作為 npm 模塊發(fā)布,詳見:npm。關(guān)于npm的卸載與安裝大家可以參考這篇文章:http://www.dbjr.com.cn/article/90518.htm,這里就不過多介紹了,安裝成功后,只需要運(yùn)行 npm install three, three.js 便會包含在你項(xiàng)目之中。
導(dǎo)入模塊
假定你使用Webpack 或者 Browserify 的打包工具,會允許你在代碼中使用 require('modules')引用打包的所有依賴項(xiàng)。
你現(xiàn)在應(yīng)該能在源碼中導(dǎo)入模塊并且能按常進(jìn)行。
var THREE = require('three');
var scene = new THREE.Scene();
你也能運(yùn)用 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ā)實(shí)現(xiàn)3D地圖的實(shí)踐過程總結(jié)
- three.js中文文檔學(xué)習(xí)之如何本地運(yùn)行詳解
- three.js中文文檔學(xué)習(xí)之創(chuàng)建場景
- Three.js基礎(chǔ)學(xué)習(xí)教程
- three.js實(shí)現(xiàn)3D視野縮放效果
- three.js中3D視野的縮放實(shí)現(xiàn)代碼
- Three.js加載外部模型的教程詳解
- three.js加載obj模型的實(shí)例代碼
- 利用Three.js如何實(shí)現(xiàn)陰影效果實(shí)例代碼
- Three.js實(shí)現(xiàn)繪制字體模型示例代碼
- three.js實(shí)現(xiàn)3D影院的原理的代碼分析
相關(guān)文章
純javascript實(shí)現(xiàn)選擇框的全選與反選功能
這篇文章主要介紹了純javascript實(shí)現(xiàn)選擇框的全選與反選 ,需要的朋友可以參考下2019-04-04
JS實(shí)現(xiàn)為表格動態(tài)添加標(biāo)題的方法
這篇文章主要介紹了JS實(shí)現(xiàn)為表格動態(tài)添加標(biāo)題的方法,涉及javascript中createCaption方法添加標(biāo)題的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
JS控制阿拉伯?dāng)?shù)字轉(zhuǎn)為中文大寫示例代碼
阿拉伯?dāng)?shù)字如何轉(zhuǎn)為中文大寫這個實(shí)現(xiàn)的方法有很多,在本文將為大家介紹下js中時如何實(shí)現(xiàn)的,感興趣的朋友可以參考下2013-09-09
JS版網(wǎng)站風(fēng)格切換實(shí)例代碼
這個網(wǎng)站風(fēng)格切換除了帶記憶功能外,還可設(shè)定保持時間,比如5天-180天,過了時間就自動恢復(fù)到默認(rèn)樣式表。2008-10-10
支付寶小程序?qū)崿F(xiàn)省市區(qū)三級聯(lián)動
這篇文章主要為大家詳細(xì)介紹了支付寶小程序?qū)崿F(xiàn)省市區(qū)三級聯(lián)動,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2020-06-06
Bootstrap彈出框(modal)垂直居中的問題及解決方案詳解
這篇文章主要介紹了Bootstrap彈出框(modal)垂直居中的問題及解決方案詳解的相關(guān)資料,非常不錯具有參考借鑒價值,需要的朋友可以參考下2016-06-06
javaScript實(shí)現(xiàn)網(wǎng)頁版的彈球游戲
這篇文章主要為大家詳細(xì)介紹了javaScript實(shí)現(xiàn)網(wǎng)頁版的彈球游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2021-07-07
WebGL利用FBO完成立方體貼圖效果完整實(shí)例(附demo源碼下載)
這篇文章主要介紹了WebGL利用FBO完成立方體貼圖效果的方法,以完整實(shí)例形式分析了WebGL實(shí)現(xiàn)立方體貼圖的具體步驟與相關(guān)技巧,并附帶了demo源碼供讀者下載參考,需要的朋友可以參考下2016-01-01

