u010726809的博客

考虑到场景中模型顶点过多会让fps过低，所以想把相机看不到的模型从场景中移除，来提高渲染性能，但是后续测试结果让我恍然大悟。虽然场景中的顶点数降低了很多，但是每次渲染检查遮挡的过程本身就是一个消耗性能的行为，有点适得其反了。虽然并没有解决问题，但是在此做一下探索记录。three.js的 属性在版本有，最新版的该属性被移除了，移除原因我想也是我开头说的原因吧，有兴趣的同学可以深入研究一下。这个是webgl的例子。

为了可以自定义能量球的效果，这里使用外部加载来的噪点图做纹理，省去用代码写特效的过程。depth-fs.jsdepth-vs.jsshield-fs.jsshield-vs.js相关项目🚩——坦克大战📦—— 立体库房🎄—— 圣诞树✅—— 程序员升职记🏀—— 投个篮吧💖——粒子爱心

最近很火的电视剧《点燃我，温暖你》男主角学神和女主角课代表计算机考试实现的跳动的爱心，那我也来做一个粒子爱心送给女朋友。因为不想直接加载心形的模型文件作为基础，所以主要思路是三维直角坐标系内，通过心形函数绘制图形。然后呢，细化到空间中坐标粒子的发光闪烁特效。实现思路讲完了，讲一下性能优化，因为通过函数找心形表面粒子的过程是需要遍历的（没办法直接令函数直接=0，只能取＜0的然后取最大、最小值，再去重），多层遍历嵌套会降低页面加载速度，所以这里的思想是构建对象，因为去掉了一层循环，肯定是快很多的。

three.js shader特效之能量盾

使用chrome时，fps总是不能达到最高60，尝试使用谷歌浏览器金丝雀版本，开启浏览器WebGPU加速，亲测fps性能提升10+。

gitee贡献可视化

快到圣诞节了，用three.js做个简易版圣诞树送给女朋友。

更新中……

制作动态图的软件付费的，所以比较模糊，后续会陆续更新开发思路……