Three.js外部模型加載


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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM