- 博客(5)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 实例化网格模型InstancedMesh 点击相交部分实例闪烁
当我一个实例化网格模型里面的小实例们相交时，他们本身都是同一种材质，在都是同一种颜色时没有问题，而在我点击更改了其中一个的颜色后，就会出现闪烁问题，这种现象的本质还是Z-Fighting。在之前关于Z-Fighting的文章中（three.js 模型重合相交部分闪烁 Z-Fighting）我已经说了几种解决闪烁的方法，但是面对实例化网格模型用的是一个材质时，我们的多边形偏移就没法奏效了。于是我想到一个曲线救国的方式：1. 在点击之后，把这个小实例隐藏；那么怎么隐藏实例呢，我们可以使用setMatr
2021-01-21 09:35:47
1564
6
原创 three.js 性能优化 实例化网格模型InstancedMesh
使用场景当我们有大量的相同的几何体形状和相同的材质时，比如我有一千个立方几何体要渲染，他们的材质时相同的，但是坐标、大小矩阵变换这些不相同。如果按照常规的一个个Mesh的渲染，要生成一千个geometry，一千个material，一千个Mesh，占用太多内存和性能。我们可以使用合并几何体的方式，但这样合并后变为一个个体 ，失去了对单个小模型的控制。three.js还提供了InstanceMesh实例化模型可以实现。关于两种方法的对比：InstanceMesh合并几何体Mate
2021-01-20 16:04:18
5594
1
原创 three.js 点击交互事件 含解决点击的物体与看到的不一致问题（非全屏/多边形偏移）
首先关于Three.js鼠标点击交互事件的基础部分的推导及写法不再详细赘述，可参考：ThreeJS中的点击与交互——Raycaster的用法1. 先上基础的写法：//点击物体触发clickGoujian(event) { var width = document.getElementById("canvas-frame").clientWidth; var height = document.getElementById("canvas-frame").clientHeight; var
2021-01-19 17:14:14
3859
4
原创 three.js 模型重合相交部分闪烁 Z-Fighting
Z-Fighting当场景中两个模型在同一个位置时，渲染器会根据它们的深度值来显示前面的模型，隐藏背后的部分。而当他们的位置及深度值相同时，渲染器则不确定哪个将被绘制到颜色缓冲区中，相机旋转时，情况会变得更糟，于是就出现了闪烁现象，这就是“Z-Fighting”...
2021-01-19 15:15:56
4362
2
原创 EXIT、NVIC中断配置
EXIT、NVIC中断配置 以配置PG8为例1.配置GPIO为输入模式 使能GPIO和AFIO的时钟 电路中上拉，芯片也应设置为输入上拉模式（CRH、ODR）2.AFIO-EXTICR3的配置 配置成PG引脚的 3.查找中断向量表（stm32参考手册table 63） PG8 -> EXTI8 -> EXTI9_5 中断号是23（后面配置NVIC用到）4.配置EX
2019-04-09 17:46:49
1440
1
DroidCam Wireless Webcam 电脑端和安卓版安装包
2019-05-09
xmousecontrol.zip
2019-07-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人