懮俍的博客

根据需求，制作了一个平面看板，在外部模型之上，但是某些角度常常出现透明对象的模型重叠后显示错误的问题。在threejs中，使用深度缓冲（Z-Buffer）来完成场景可见性计算，即确定场景哪部分可见，哪部分不可见。深度缓冲（Z-Buffer）是一个二维数组，其中的每一个元素对应屏幕上的一个像素，如果场景中的两个模型在同一个像素生成渲染结果，那么图形处理卡就会比较二者的深度，并且保留距离观察者较近的物体在该像素点的渲染结果，这样就形成了近的模型遮挡远的模型的结果。但是就是因为使用了深度缓冲，当场景.

解决方式：材质添加depthWrite: false

公司项目需要往数字孪生等概念，实现模型展示数据，并且模型能交互然后开始了学习three.js的路程，了解基本概念以后，外部引入obj后缀类型模型一直报错，模型加载老是失败。看了很多博客以及官网案例很少有Vue2的案例，最终还是成功引入了模型<template> <div></div></template><script>import * as Three from "three";import OrbitControls