1. 首先我們要在官網: https://threejs.org/ 下載我們three.js壓縮包,並將其中的build文件夾下的three.js通過script標簽對的src屬性導入到我們的頁面中
2. 創建three.js核心對象
Scene(場景)
Camera(相機)
Light(光源)
Mesh(模型)
Renderer(渲染器)
最后一步就是渲染顯示在我們的頁面上了renderer.render(scene,camera)
3. OBJ模型的導入
<script type="text/javascript" src="js/OBJLoader.js"></script>
<script type="text/javascript" src="js/MTLLoader.js"></script>

4. .JS模型的導入
首先我們需要將.OBJ模型的文件轉換成.JS文件的模型
.obj格式轉.js格式使用的是threejs.org官方提供的一個convert_obj_three.py的工具,這個工具的使用需要安裝python環境
轉換過程:
將convert_obj_three.py和要轉換的.obj文件和.mtl文件放在同一個目錄下

打開cmd,切換到對應的目錄下
python convert_obj_three.py -i infile.obj -o outfile.js [-t ascii|binary]
可以得到兩種編碼方式的.js文件(二進制binary和ascii)
出現的問題,轉換格式的問題:
打開.obj文件,

將mtllib關鍵字后面改成 .mtl文件相對於.obj文件的路徑

將文件中的這些?改成字母,亂碼

.mtl文件中的newmtl 關聯到.obj文件中

這是.obj文件中的
5. 准備導入
Ascii

Binary
需要導入
<script src="js/BinaryLoader.js"></script>

