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://www.dhdzp.com/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)文章
這篇文章主要為大家介紹了時(shí)間處理工具?dayjs使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
javascript實(shí)現(xiàn)單擊和雙擊并存的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)單擊和雙擊并存的方法,可通過(guò)定義二次點(diǎn)擊的間隔時(shí)間來(lái)達(dá)到判斷單擊與雙擊的效果,是非常實(shí)用的技巧,需要的朋友可以參考下2014-12-12
JavaScript實(shí)現(xiàn)統(tǒng)計(jì)文本框Textarea字?jǐn)?shù)增強(qiáng)用戶(hù)體驗(yàn)
現(xiàn)在流行的Twitter等微博客網(wǎng)站，有一個(gè)很好的用戶(hù)體驗(yàn)，就是在文本框中輸入文字的時(shí)候，會(huì)自動(dòng)統(tǒng)計(jì)輸入的字符，并顯示用戶(hù)還能輸入的字符，在限制了140個(gè)字的微博客中，這樣的小提示可以很好的增強(qiáng)用戶(hù)體驗(yàn),本文也嘗試著實(shí)現(xiàn)一下2012-12-12
window.name代替cookie的實(shí)現(xiàn)代碼
window.name代替cookie的實(shí)現(xiàn)代碼，需要的朋友可以參考下。2010-11-11
這篇文章主要介紹了js實(shí)現(xiàn)多圖左右切換功能，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
在javascript開(kāi)發(fā)中，js面試題是必問(wèn)的一項(xiàng)，今天小編抽時(shí)間給大家整理些js常見(jiàn)的面試題，對(duì)js面試題相關(guān)知識(shí)感興趣的朋友一起看看吧2016-09-09
一些很實(shí)用且必用的小腳本代碼...2006-08-08
關(guān)于JS中setTimeout()無(wú)法調(diào)用帶參函數(shù)問(wèn)題的解決方法
這篇文章主要介紹了關(guān)于JS中setTimeout()無(wú)法調(diào)用帶參函數(shù)問(wèn)題的解決方法,提供了2種解決方法供大家對(duì)比參考,需要的朋友可以參考下2016-06-06
PHP使用方法重載實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建屬性的get和set方法
這篇文章主要介紹了PHP使用方法重載實(shí)現(xiàn)動(dòng)態(tài)創(chuàng)建屬性的get和set方法,使用本文方法可以在一個(gè)類(lèi)中不用在寫(xiě)大量的set方法或get方法,需要的朋友可以參考下2014-11-11
之前做項(xiàng)目的時(shí)候在實(shí)現(xiàn)表單中file類(lèi)型input選擇多圖片時(shí)有很多種實(shí)現(xiàn)方法，今天小編給大家分享基于php實(shí)現(xiàn)一種多文件上傳的方法，需要的朋友參考下吧2017-09-09