平台集成了应用于3d展示场景的相关底层,支持fbx和gltf两种模型格式。
样例如下:
<div class="fullcontainer">
<div style="width:80%">
<iframe :src="url" width="100%" height="100%"/>
</div>
<div style="width:20%">
<span>{{detail}}</span>
</div>
</div>
定义左侧是模型展示区,右侧是双击模型元素时的展示
模型加载:
data() {
const initData_out={
name:"out.glb",
title:"",
cameraX:-30,
cameraY:-77,
cameraZ:133,
cameraUPX:0,
cameraUPY:0,
cameraUPZ:1,
dlX:-30,
dlY:-77,
dlZ:133,
}
return {
url: '/static/3dmax/qlmShowGLTF.html?'+qs.stringify(initData_out),
detail:"模型初始化中,请稍等"
}
},
左右联动关联:
created(){
let _this=this
window["qlm3ddbclickfun"]=function(data){
_this.showDetail(data)
}
},
处理函数:
methods: {
showDetail(data){}
}