![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
three.js
懮 俍
没办法,打游戏是不可能打游戏的,只能够打打代码,维持一下生计。生活不易,o(=•ェ•=)m叹息
展开
-
Threejs中的透明对象、模型的重叠部位显示错误
根据需求,制作了一个平面看板,在外部模型之上,但是某些角度常常出现透明对象的模型重叠后显示错误的问题。在threejs中,使用深度缓冲(Z-Buffer)来完成场景可见性计算,即确定场景哪部分可见,哪部分不可见。深度缓冲(Z-Buffer)是一个二维数组,其中的每一个元素对应屏幕上的一个像素,如果场景中的两个模型在同一个像素生成渲染结果,那么图形处理卡就会比较二者的深度,并且保留距离观察者较近的物体在该像素点的渲染结果,这样就形成了近的模型遮挡远的模型的结果。但是就是因为使用了深度缓冲,当场景.原创 2022-01-07 10:27:00 · 4141 阅读 · 2 评论 -
three.js模型之间出现穿模问题
解决方式:材质添加depthWrite: false原创 2022-01-04 11:34:07 · 2888 阅读 · 1 评论 -
Vue项目中使用three.js外部引入obj模型
公司项目需要往数字孪生等概念,实现模型展示数据,并且模型能交互然后开始了学习three.js的路程,了解基本概念以后,外部引入obj后缀类型模型一直报错,模型加载老是失败。看了很多博客以及官网案例很少有Vue2的案例,最终还是成功引入了模型<template> <div></div></template><script>import * as Three from "three";import OrbitControls原创 2021-12-29 10:26:09 · 2948 阅读 · 3 评论