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

