這裡介紹一個web頁面繪製3D圖形的js庫—three.js，基於WebGL（一種3D繪圖標準），繪製的3D圖形美觀、大氣、上檔次，如下，下面我介紹一下這個js庫的下載和簡單使用，主要內容如下：
1.下載three.js，這裡直接在官網下載就行，地址https://github.com/mrdoob/three.js/archive/master.zip，大概240多兆，下載成功後，解壓這個zip檔案，主要內容如下：
這裡的docs目錄是官方文件，examples目錄是官方自帶的示例，src目錄是原始碼，test目錄是測試目錄。
2.安裝完成後，我們可以檢視一下官方自帶的示例，在examples目錄裡邊，這裡測試一下官方自帶的示例，因為是html文件，所以我們可以直接用瀏覽器開啟，示例如下：
webgl_sprites.html：這個是一個在三維空間自動旋轉的綵球，如下：
webgl_loader_texture_dds.html：這是一個在三維空間自動旋轉的立方體和貼圖，挺漂亮的，如下：
webgl_loader_sea3d_hierarchy.html：這是一個3D機器人的模型，會自動擺出一些簡單地動作，如下：
canvas_geometry_hierarchy.html：這個是三維空間中隨滑鼠而移動的一些立方體，如下：
3.看完示例後，我們看看一下如何入門，使用three.js，這裡直接看官方的入門文件就行，很詳細，地址https://threejs.org/docs/index.html#manual/introduction/Creating-a-scene，一步一步引導著入門，跟著學習就行，這裡我就不做詳細介紹了，如下：
這裡介紹一個web頁面繪製3D圖形的js庫—three.js，基於WebGL（一種3D繪圖標準），繪製的3D圖形美觀、大氣、上檔次，如下，下面我介紹一下這個js庫的下載和簡單使用，主要內容如下：
1.下載three.js，這裡直接在官網下載就行，地址https://github.com/mrdoob/three.js/archive/master.zip，大概240多兆，下載成功後，解壓這個zip檔案，主要內容如下：
這裡的docs目錄是官方文件，examples目錄是官方自帶的示例，src目錄是原始碼，test目錄是測試目錄。
2.安裝完成後，我們可以檢視一下官方自帶的示例，在examples目錄裡邊，這裡測試一下官方自帶的示例，因為是html文件，所以我們可以直接用瀏覽器開啟，示例如下：
webgl_sprites.html：這個是一個在三維空間自動旋轉的綵球，如下：
webgl_loader_texture_dds.html：這是一個在三維空間自動旋轉的立方體和貼圖，挺漂亮的，如下：
webgl_loader_sea3d_hierarchy.html：這是一個3D機器人的模型，會自動擺出一些簡單地動作，如下：
canvas_geometry_hierarchy.html：這個是三維空間中隨滑鼠而移動的一些立方體，如下：
3.看完示例後，我們看看一下如何入門，使用three.js，這裡直接看官方的入門文件就行，很詳細，地址https://threejs.org/docs/index.html#manual/introduction/Creating-a-scene，一步一步引導著入門，跟著學習就行，這裡我就不做詳細介紹了，如下：