three.js透過模組導入實例分享

本文主要為大家介紹了關於three.js中文文檔學習之透過模組導入的相關資料，文中透過範例程式碼介紹的非常詳細，對大家學習或使用three.js具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。

前言

本文主要為大家介紹了關於three.js透過模組導入的相關內容，透過script 標籤導入three.js 是很好的入門并快速運行的方式，對於長期更新的專案有些不足，例如：

• 你需要手動呼叫和引入庫裡的副本，作為你專案原始碼的一部分。

• 更新庫的版本是手動的過程

• #當引入新版本庫，你的版本管理差異會與原始檔混亂

使用像NPM 這樣的依賴管理能避免這些版本問題的不足。

透過 NPM 安裝

three.js 已作為 npm 模組發布，詳見：npm。關於npm的卸載與安裝大家可以參考這篇文章：http://www.jb51.net/article/90518.htm，這裡就不過多介紹了，安裝成功後，只需要運行npm install three， three.js便會包含在你專案之中。

導入模組

假定你使用Webpack 或 Browserify 的打包工具，會允許你在程式碼中使用 require('modules')引用打包的所有相依性。

你現在應該能在原始碼中導入模組並且能照常進行。

var THREE = require('three');
var scene = new THREE.Scene();

你也能運用ES6導入語法

import * as THREE from 'three';

const scene = new THREE.Scene();

或你想要導入three.js 庫中的部分，例如導入Scene:

import {Scene} from 'three';
const scene = new Scene();

警告

目前無法透過在"examples/js"目錄下匯入所有檔案。這是由於有些檔案依賴全域命名空間 THREE 而導致污染。詳詢Transform examples/js to support modules #9562.

相關推薦：

python模組導入實作你需要的功能

three.js如何本地運行詳解

JS函式庫之Three.js基礎入門

#

以上是three.js透過模組導入實例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章！