此次更新内容:
1.对模型文件的坐标点统一化 (建议建模时对模型文件的初始大小设置稍大一点)
2.优化vue-3d-model的使用方式更加方便
3.对模型初始化展示y轴调整50°
4.其它注意事项
在我的上篇文章中 对vue-3d-model 的源码进行参数的设置,使之正常显示双面贴图以及透明贴图
原文地址:使用vue-3d-model对三维模型(.fbx.gltff.obj等)的展示,三维模型展示透明贴图 以及双面贴图显示 #掘金文章# juejin.cn/post/707886…
1.对模型文件的坐标点统一化 (建议建模时对模型文件的初始大小设置稍大一点)
对稍大的模型显示正常 处于画布中心位置 , 小的模型可能会出现坐标点偏移的问题 ,这个问题需要跟建模人员沟通 统一模型导出时的大小
2.优化vue-3d-model的使用方式更加方便
在上文中提到 需要下载npm vue-3d-model 然后在git我的项目后打包dist 最后再替换dist文件夹等一系列复杂的 操作
ok,那么本次更新的主要内容是只需要git我的项目 然后将项目里的examples示例下的vue-3d-model文件夹复制到你的项目中然后引用即可正常使用 省去了npm install vue-3d-model的后续一系列操作(记得看文件引用路径是否正确)
如图:
GitHub 地址: github.com/killerFeel/…
3.对模型初始化展示y轴调整50°
如图:
在初始化模型的角度略有调整,在展示方面更加全面一点,如有其它需求 更改以下代码即可:
分别对模型位置 角度 缩放比例的设置
4.其它注意事项
此项目 对fbx文件的贴图格式要求 不支持tga格式贴图 ,项目示例中采用的是png贴图
对fbx格式的模型 需要注意一点 ,后缀名如果是.FBX会识别不出来 记得使用小写.fbx
最后感谢原插件封装者 感谢大家的阅读!Thanks♪(・ω・)ノ