江河
一名充满热情的前端开发者,喜欢分享技术心得和学习经验。
Cesium 三维风场:用 WebGL 2 GPU 粒子描绘全球气流
拆解案例中的风场数据、GPU 粒子更新、轨迹渲染、颜色映射和 Vue 参数控制
Cesium 北斗三维网格:在城市 3D Tiles 上做 GeoSOT-3D 剖分
介绍区域体素生成、建筑表面采样、结构碰撞检测、Worker 几何构建和网格编码查询
Cesium 区域等高线:地形采样与 Marching Squares
从交互绘制区域开始,完成规则网格采样、等高线提取、平滑、标注和高程统计
Cesium 城市风场 CFD:北斗体素网格、LBM 与 GPU 粒子
从 3D Tiles 表面采样到固体掩膜、D2Q9 LBM 求解和粒子流线,梳理城市风场案例的完整管线
Cesium 全球北斗网格:自适应 LOD 与光标编码查询
在全球尺度上按相机高度选择 GeoSOT 网格层级,并用 Worker 生成地表格网和三维体素
Cesium FFT 矩形水面:GPU 频谱海浪与随波船体
在 Cesium Primitive 中接入多级联 FFT 海浪,完成位移、法线、清澈度、LOD 网格和船体姿态采样
Cesium 体积火焰:光线步进、噪声与点线面绘制
使用自定义 Primitive 绘制可调体积火焰,并扩展区域实例、火花、动态光照和自动质量控制
Cesium 高度雾:从深度纹理恢复世界坐标
使用 PostProcessStage 按像素高度、距离、噪声和散射计算可调节的动态高度雾
Three.js FFT 真实海面:WebGPU、WebGL 与多级联波谱
拆解 Poseidon 海面的频谱初始化、GPU FFT、多级联合成、水面材质、天空光照和浮船采样
Three Tile FFT 海面:地图瓦片与频谱海浪的组合渲染
在 three-tile 地图场景中叠加 WebGL FFT 海面,并处理地图与海面视角、MRT、质量预设和运行统计
Vue 3 多页签 keep-alive:缓存失效与重复请求排查
从嵌套 keep-alive 的 deactivate 报错和非活跃组件重复请求入手,梳理多页签后台的缓存身份与副作用管理。
Vue 3 按钮埋点实现:v-track 指令与统一上报
从点击事件进入自定义指令开始,讲清 Vue 3 按钮埋点如何更新绑定参数、收集页面上下文并隔离上报异常。
Cesium 3D Tiles 局部移动实验:选择瓦片并修改节点变换
分析通过运行时瓦片树实现局部平移、旋转和缩放的过程,并说明私有 API、LOD 和语义边界
Cesium 加载 GLB 模型:Entity 与 Primitive 怎么选
对比 Entity ModelGraphics 和 Model.fromGltfAsync 两条加载路径,整理姿态、动画、批量加载和清理方式
Cesium 自定义视锥体:从八个顶点到可更新 Primitive
根据水平视场角、垂直视场角和近远截面构造视锥几何,并转换到地球局部坐标系中渲染
Cesium 地形可视域分析:用采样射线判断通视关系
不依赖 ShadowMap,从观察点建立径向采样网格,通过最大遮挡仰角计算地形可见区并细化红绿边界
Cesium 动态电子围栏:WallGeometry 与流动材质
从用户绘制多边形生成围栏墙体,使用自定义 Material 驱动纹理流动,并区分视觉围栏与进入离开报警
Cesium 高度雾后处理:从深度纹理恢复世界坐标
使用 PostProcessStage 读取颜色和深度纹理,按像素高度、距离、噪声和光照计算动态高度雾
Cesium 坐标转换与地图拾取:从屏幕像素到经纬度
理清 Cartesian2、Cartesian3、Cartographic 三套坐标,并实现兼容模型、地形和椭球的三级拾取
Cesium 通用绘制与测量工具:动态预览、距离面积与顶点编辑
用状态和策略拆分 Cesium 绘制流程,实现折线、多边形、圆和矩形的动态预览、测量及编辑
Cesium 加载与调整 3D Tiles:ENU 变换、模型矩阵和 LOD
从 Cesium3DTileset.fromUrl 开始,完成 3D Tiles 定位、旋转、缩放、垂直偏移和精度控制
从 Cesium 地形采样生成局部等高线
使用规则网格、地形高程采样和 Marching Squares,在用户绘制区域内生成可交互的局部等高线
Cesium 地形开挖与抬升:裁剪地表并重建侧壁
使用 ClippingPolygon、ClippingPlane、地形采样和 Primitive 实现可调深度的地形开挖与地形抬升
Vue 3 中封装 Cesium Viewer:初始化、HMR 与资源清理
把 Cesium Viewer 封装成可复用的 Vue 3 组合式函数,并处理热更新、事件解绑和 WebGL 资源释放