【H5 3D应用开发】Blender 制作导出Obj模型带纹理到three.js（二）

工具: Bender2.7.8.0 + three.js忘记了多少了

QQ：453738784

1、首先正常打开一个Blender 我们看到一个正方形

选择编辑模式后选中你要添加纹理的面然后按下键盘U

切换到UV界面

这就是UV界面了打开一张图片

选好图片后选择渲染模式 –》纹理

图片就贴上去了

其他面步骤一样

然后导出

Three.js

// modelvaronProgress = function ( xhr ) {if (xhr.lengthComputable ) {varpercentComplete = xhr.loaded / xhr.total * 100;console.log(Math.round(percentComplete, 2) + '% downloaded' );}};var onError =function ( xhr ) { };THREE.Loader.Handlers.add(/\.dds$/i, new THREE.DDSLoader() );var mtlLoader= new THREE.MTLLoader();mtlLoader.setPath('obj/male02/' );mtlLoader.load('Box.mtl', function( materials ) {materials.preload();varobjLoader = new THREE.OBJLoader();objLoader.setMaterials(materials );objLoader.setPath('obj/male02/' );objLoader.load('Box.obj', function ( object ) {object.scale.set(50,50,50);object.position.y= 0;scene.add(object );},onProgress, onError );});

用Three.js加载的时候发现一个错误

原因是我们的贴图文件还没有复制上去复制贴图文件和obj同一个目录

记事本打开

修改

模型正常显示

Three.js源码我就不上传了对应的是Three.js 例子里面的

我之前对应网上的教程来做的时候发现贴图文件出不了来误导了我2天一直在找问题而且网上的资源少之又少，后来发现原来材质和纹理我弄错了我以为这样渲染出来的模型可以直接导出使用但Three.js 偏偏找不到纹理。低版本的Three.js还出现缺面的情况。

还有什么不明白的可以Q我：453738784 期待和大家交流问题共同进步

【H5 3D应用开发】Blender 制作导出Obj模型带纹理到three.js（二）相关推荐

unity导出.obj模型文件
unity导出.obj模型文件最近使用realworldterrain生成真实地形遇到一个问题,就是该地形的坐标轴没有在中心位置,这样在旋转缩放操作时候就有各种问题,效果不好,于是想到先导出该地形为 ...
blender导入c4d obj模型出现UnicodeDecodeError：: ‘utf-8‘ codec can‘t decode byte 0xc8 in position 0:
错误描述 blender导入c4d obj模型出现UnicodeDecodeError:: 'utf-8' codec can't decode byte 0xc8 in position 0 bal ...
手把手制作太阳系运行模型，纹理贴图、模型变换、动画、计算机图形学（OpenGL、C++实现、超级详细）
这里写目录标题一.基本原理二.代码(完整版本) 2.1 头文件 2.2 mian函数 2.3 OnReshape防止变形函数 2.4 Init初始化函数 2.5 OnTimer函数 2.6 Dra ...
（转载）H5 手机 App 开发入门：技术篇
H5 手机 App 开发入门:技术篇一.手机 APP 的技术栈二.WebView 控件三.原生技术栈 3.1 Xcode 3.3 Android Studio 四.混合技术栈 4.1 框架种类 ...
3ds Max导出带贴图的obj模型
先找一块大理石地板的贴图接着在3ds Max中画一个最简单的立方体,要薄一点像地板点击菜单栏中的渲染,选择精简材质编辑器在材质编辑器面板里随便点一个球,然后按照下图所示的1和2步骤分别点击漫反射 ...
3Ds Max 精模obj模型导入ArcGIS Pro
一.检查模型贴图路径首先找到文件夹下mtl文件,检查贴图路径是不是都是相对路径,如果是绝对路径需要修改,例如: 批量查找替换,将贴图路径都修改为相对路径. 如果修改为相对路径后还是出现丢贴图的问题, ...
【unity游戏开发教程】Unity+Umotion Pro+VRoid+Blender制作人物模型和动画，在unity中简单制作二次元人物动画
前言大家好!本期教程教大家在unity中制作二次元人物模型和动画文章目录前言 0.环境准备 1.下载VRoid Studio 2.Umotion Pro下载 3.Mixamo网站 4.blend ...
blender 导出 obj 格式，3dsmax 导入3ds max obj 格式数据
blender 导出 obj 格式,3dsmax 导入3ds max obj 格式数据 blender 导出 3dsmax 导入
ZAM 3D 制作3D动画字幕用于Xaml导出
ZAM 3D 制作3D动画字幕用于Xaml导出原文:ZAM 3D 制作3D动画字幕用于Xaml导出原地址-> http://www.cnblogs.com/yk250/p/5662788 ...

【H5 3D应用开发】Blender 制作导出Obj模型带纹理到three.js（二）

【H5 3D应用开发】Blender 制作导出Obj模型带纹理到three.js（二）相关推荐

最新文章

热门文章