我尝试在uni-app中使用Vue3DModel组件加载和展示3D模型文件,这个组件使用了three.js,需要操作DOM,所以按照官方的指南,使用renderjs方式进行渲染层的js操作。
页面代码如下:
<template>
<model-obj src="/static/models/obj/tree.obj"></model-obj>
</template>
<script module="test" lang="renderjs">
import {ModelObj} from 'vue-3d-model';
export default {
components: {
ModelObj
}
}
</script>
在真机调试时,遇到如下错误提示:
![](http://img-cdn-tc.dcloud.net.cn/uploads/questions/20200428/73e90c4af48880a213ee7bd06752428a.png)
这里主要问题有两个:
- cid unmatched at view.umd.min.js:1
- THREE.WebGLRenderer: WEBGL_depth_texture extension not supported.
关于第一个问题,社区有搜到相关帖子讨论,尝试了修改import方式和修改编译器版本,都没起效。
关于第二个问题,是否因为renderjs未支持该特性引起?
还劳烦指点迷津,感谢