Three.js-飞线 (精)画线条https://segmentfault.com/a/1190000041607875?utm_source=sf-hot-article 通过修改LineMaterial的着色器实现流动线条: https://blog.csdn.net/yue1241630499/article/details/112975148 智慧城市的各种特效: https://hpugis.blog.csd 2022-06-27
Three.js-性能优化 最近做了一个集群目标策略的3D可视化项目,前面花了2周时间出了个Demo来进行演示,性能极差,在我的i7-12700H+RTX2050的笔记本上,也会出现卡顿。后面这个还要迁移到移动端,性能问题就更严重了,因此借助解决这个需求的性能问题,把Three.js的性能优化方面的内容整理下,方便今后参考。 CPU or GPU?可以通过将场景中所有材质改为普通材质,来确定你的网页是依赖CPU的还是GPU的 2022-06-25 Three.js #Three.js
Web游戏开发引擎 游戏引擎是什么? 游戏引擎本质上是工业软件,和EDA、CAD、CAE这种没有区别。 制作游戏是一套工业流程。 游戏引擎的侧重点游戏引擎非常重要的几点: 插件生态 编辑器 打包后的大小 2Dpixi.js这是一个渲染引擎,并不是游戏引擎,但是可以通过pixi.js + 插件的形式快速进行开发。 动画(spine/dragonbones),粒子系统,物理引擎等等,都有插件可以按需 2022-06-22 #游戏开发
OpenGL坐标系 六大坐标系1,物体或模型坐标系(Object or model coordinates);2,世界坐标系(World coordinates)3,眼坐标或相机坐标(Eye (or Camera) coordinates)4,裁剪坐标系(Clip coordinates)5,标准设备坐标系(Normalized device coordinates)6,屏幕坐标系(Window (or screen 2022-06-21 #3D
PBR 三大要素基于微平面(Microfacet)的表面模型 能量守恒 应用基于物理的BRDF 反射率方程参考资料https://learnopengl-cn.github.io/07%20PBR/01%20Theory/ https://learnopengl-cn.github.io/07%20PBR/02%20Lighting/ https://zhuanlan.zhihu.com/p/334643 2022-06-18 #3D
3D写实风格 真实感不是搞定某一个方面(比如材质)就可以的,而是一个整体性的工程,可以理解为视觉层面的架构设计。 Web3D的上限在哪里?sketchfab的效果很不错的: https://sketchfab.com/feed 如何突破Web3D的上限? Web3D在真实感上,为什么距离Unity和Unreal Engine这么大?Web3D写实上限在哪里? 如果现在制约Web3D开发3A大作的是资源加载 2022-06-16 Three.js #Three.js