threejs 快速入門小技巧-three.js-master

• 前言
• • 例子
  • 如何下載/運行
  • three.js-master包
• 總結

---

前言

近年來web得到了快速的發展。隨著HTML5的普及，網頁的表現能力越來越強大。網頁上已經可以做出很多復雜的動畫，其中一種就是通過WebGL在網頁中繪制高性能的3D圖形 。
Three.js對WebGL提供的接口進行了非常好的封裝，簡化了很多細節，大大降低了學習成本。

---

例子

自帶示例，找到對應改變代碼改變效果樂趣無窮。

---

如何下載/運行

首先需要找到官網three.js-master
鏈接: three.js-master包.
github官網的Threejs軟件包直接下載比較緩慢,有時候會中斷,可使用github文件加速然后輸入three.js-master包鏈接進行下載
鏈接: 文件下載加速

由于three.js-master包直接運行會有跨域問題 所以下載成功后需要給它開個服務

Node.js 有一個簡單的HTTP服務器包

npm install http-server -g

安裝成功后,可直接打開示例。

找到對應位置 然后在文件目錄輸入cmd打開小窗口

打開服務 http-server . -p 8000 注8000端口被占用的話可以更改其他端口號運行

運行成功后打開 8000端口：http://127.0.0.1:8000

想進入示例圖片點擊：examples/

---

three.js-master包

各個文件簡略意思

Build目錄 ：包含兩個文件，three.js 和three.min.js 。這是three.js最終被引用的文件。一個已經壓縮，一個沒有壓縮的js文件。
Docs目錄 ：這里是three.js的幫助文檔，里面是各個函數的api（簡易說明）。
Editor目錄：一個類似3D-max的簡單編輯程序，它能創建一些三維物體。
Examples目錄：一些例子demo。
Src目錄：源代碼目錄，里面是所有源代碼。
Test目錄：一些測試代碼。
Utils目錄：存放一些腳本。
gitignore文件：git工具的過濾規則文件。
CONTRIBUTING.md文件：bug幫助，說明文檔。
LICENSE文件：版權信息。
README.md文件：介紹three.js的一個文件，里面還包含了各個版本的更新內容列表。

總結

以上就是今天的內容，本文僅僅簡單介紹了快速對threejs感興趣及入門的其中一種使用。
有興趣可以互相討論

總結

以上是生活随笔為你收集整理的threejs 快速入门小技巧的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。