three.js是一個可以使用javascript繪制3d圖形的庫，它對WebGL的api進行封裝，使開發更加方便，就像jQuery對DOM的api進行封裝一樣。接下來就記錄一下在小游戲中繪制一個 旋轉的三角形的步驟：

一. 初始化項目

下載微信官方的開發者工具，然后新建項目

appid選擇測試號即可，項目路徑自行指定

用編輯器打開項目，得到如下目錄：

然后除了game.js，game.json, project.config.json全部刪除，并把game.js中的內容清空。

game.js是整個小游戲的入口，game.json是小游戲配置。具體參考文檔。

二. 引入three.js 和 Adapter

Adapter

小游戲的運行環境中是沒有 BOM 和 DOM 的，使用 wx API 模擬 BOM 和 DOM 的代碼組成的庫稱之為 Adapter。官方提供了一個Adapter，用它就行了。

Adapter文檔

three.js

gitHub地址

復制three.min.js中的內容

新建目錄libs，將three.js和Adapter的源碼放在該目錄下