three流体可视化之前参考各位大佬的例子,在cesium上面完成了流体的迁移。但总觉得如果在three里面还没完成,会觉得少了点什么。 于是在经过长时间的研究之后,终于折腾出来一个版本。实现原理与cesium的不尽相同。 之前体渲染没有考虑深度的原因 2025-07-21 threethree 多缓冲 流体 webgl
three可视化地形深度图深度图在可视化应用中有很多方面,比如地形、阴影等。本文结合获取的地形深度图以及体渲染相关的知识,将获取到的地形深度值还原为地形图并展示出来,借此为后续的流体渲染提供一定的参考。 思路1、创建覆盖渲染范围的正射相机,获取深度图。这里注意相机近 2025-06-25 threethree terrain 深度图
三维风场实现当前风场数据在cesium中展示有比较多的实现方法,例如可以使用3D-Wind-Field使用自定义DrawCommand绘制,也可以使用leaflet-velocity,基于canvas绘制来实现可视化效果,本文基于前者代码并做了一些改动 2025-01-03 cesium风场 三维 nc数据
Drawcommand的批量实例化最近遇到一个需求,后端在给定范围里面生成了几万个格子,我需要根据这些数据绘制三层同样的格子并在前端展示出来,三层近十万个格子如果用geometryInstances绘制的话会出现页面阻塞的情况,导致页面浏览效果不是很好,需要优化一下加载速度 2024-12-16 cesiumdrawcommand 实例化
流体可视化基于cesium实现的流体渲染效果,shaderToy上面有很多关于流体渲染相关的例子,将这些效果移植到cesium上面可以在一定程度上增强水体淹没等三维可视化展示效果。本文结合网上各位大佬的例子,基于高度图采样实现流体渲染,大致思路如下 2024-09-12 cesium体渲染 流体可视化 帧缓冲
爆炸效果实现基于cesium实现的体渲染爆炸效果 思路实现思路和之前的复刻柏林噪声类似都是体渲染,shader参考的是shaderToy上面的爆炸效果,可以查看下方参考链接 效果展示 参考链接Cesium 体积爆炸效果 体积火 体积烟雾 2024-05-30 cesium体渲染 爆炸效果