Webgl項目中，如果涉及到較大的模型（obj，fbx，json等），幾十兆，幾百兆大小時，加載時間也會讓人不爽，而JSON格式的模型可以有效減少模型大小，加快加載速度。

第一種方法 threejs腳本
Threejs官網中有插件，支持obj和fbx格式的模型轉成Json格式，插件的github地址是https://github.com/mrdoob/three.js/tree/dev/utils/converters，你需要threemaster.zip下載到電腦，從解壓中去找工具，zip的下載地址

https://codeload.github.com/mrdoob/three.js/zip/master。

使用方法：

1、安裝node環境 此處不再陳述 教程鏈接https://www.runoob.com/nodejs/nodejs-install-setup.html

2、把你需要轉格式的obj或fbx文件放到three.js-master\utils\converters下，按著shift單機鼠標右鍵，選擇在此處打開命令窗口，在出現的命令窗口中輸入 ：obj格式轉換：node obj2three.js objname(你的obj文件的名字).obj ，fbx：node fbx2three.js fbxname(你的fbx文件的名字).fbx 回車在當前目錄生成相應的Json 文件

fbx模型不可以帶貼圖，帶貼圖轉的話會報錯，Blob is not defined 此方法出現的錯誤目前我還未解決
別急我們還有第二種方法

第二種方法：Blender導出
Blender下載地址：https://www.blender.org/download/ 按需下載即可

導出插件下載：鏈接：https://pan.baidu.com/s/1k9KAo9pRfV-aAeasDl9I7A
提取碼：niri
拿走不謝！！！！

其中io_three是json導出插件，有gltf的是導出gltf格式的插件

插件安裝教程：

1、 安裝插件

加下載的插件解壓，將io_scene_gltf2，io_three兩個文件夾，將它們放到你的blender安裝目錄下，Blender\2.79\scripts\addons

2 、加載插件

啟動 Blender , File -> User Preferences -> Add-ons -> 查詢 Three, 勾選 Import-Export: Three.js Format

Save User Settings(保存).

image

gltf插件加載

gltf.png

點擊保存后即可進行導出，你可以用3dmax新建一個cube，自己加上貼圖，然后帶貼圖導出最基本的3ds格式，然后在blender中導入這個3ds文件，然后 點文件–導出–threejs-json即可進行導出

image

好了模型導出完了，接下來我們加載就行啦：

var objectLoader = new THREE.ObjectLoader();
    objectLoader.load("../model/eee.json", function ( obj ) {
        console.log(obj);
        scope.obj=obj;
        obj.scale.set(3,3,3);
        scene.add( obj );
    } );

小弟不才，如有疏漏，多多交流指導~~~~~~~