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

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

---

前言

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

---

例子

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

---

如何下載/運行

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

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

Node.js 有一個簡單的HTTP服務(wù)器包

npm install http-server -g

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

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

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

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

想進(jìn)入示例圖片點擊：examples/

---

three.js-master包

各個文件簡略意思

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

總結(jié)

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。