three.js 外部模型加载json
2017-04-12 11:26
701 查看
用blender做模型可以直接导出json文件(导出插件可以从three.js包里找到)。从网上下载模型,网上的模型很多事3ds max做的,我就用3ds max把模型格式转换成obj,再导入blender处理好模型后导出json文件。
导出json文件时选项勾选如果选择了SCENE可连灯光一同导出
加载时需要用ObjectLoader
var loader = new THREE.ObjectLoader();
loader.load('youscene1.json',function(obj){
obj.scale.x = obj.scale.y = obj.scale.z =100;
scene.add(obj);
});导出json文件时如果不勾选scene,需要页面中添加灯光否则模型全黑,加载时用JSONLoader
var loader = new THREE.JSONLoader();
loader.load( "noscene.json",function( geometry, materials ) {
materials[ 0 ].shading = THREE.FlatShading;
mesh = new THREE.Mesh( geometry, new THREE.MultiMaterial( materials ) );
mesh.position.x = 0;
mesh.position.y = 0;
mesh.position.z = 0;
mesh.scale.x = mesh.scale.y = mesh.scale.z =100;
scene.add( mesh );
});
导出json文件时选项勾选如果选择了SCENE可连灯光一同导出
加载时需要用ObjectLoader
var loader = new THREE.ObjectLoader();
loader.load('youscene1.json',function(obj){
obj.scale.x = obj.scale.y = obj.scale.z =100;
scene.add(obj);
});导出json文件时如果不勾选scene,需要页面中添加灯光否则模型全黑,加载时用JSONLoader
var loader = new THREE.JSONLoader();
loader.load( "noscene.json",function( geometry, materials ) {
materials[ 0 ].shading = THREE.FlatShading;
mesh = new THREE.Mesh( geometry, new THREE.MultiMaterial( materials ) );
mesh.position.x = 0;
mesh.position.y = 0;
mesh.position.z = 0;
mesh.scale.x = mesh.scale.y = mesh.scale.z =100;
scene.add( mesh );
});
相关文章推荐
- Three.js加载外部模型的教程详解
- Three.js 3D打印数据模型文件(.STL)加载
- three.js加载obj模型
- three.js加载obj模型
- Three.js MMDLoader.js Mmd模型的加载 pmx模型加载测试
- Qml 中模型数据加载的ThreeLoader.js
- 解决three.js加载外部obj文件在chrome浏览器中无法显示的问题
- threejs加载3D模型例子
- three.js使用四:加载有材质和纹理的模型
- three.js学习笔记 obj模型加载问题 (转)
- 【H5 3D应用开发】 Three.js 播放json模型动画并切换动画(一)
- three.js加载obj模型 键盘控制模型局部动作
- Three.JS提升学习5:从外部加载几何体
- three.js加载obj模型的实例代码
- Three.js进阶篇之3 - 外部模型导入
- three.js使用三:加载有纹理的模型,结合blender和convert_obj_three.py
- three.js学习笔记 obj模型加载问题
- Three.js学习笔记——3dsmax 加载obj模型
- three.js加载vtk模型
- HTML5 WebGL Three.js 加载 3D模型文件