站内搜索

输入关键词开始搜索

江河

一名充满热情的前端开发者,喜欢分享技术心得和学习经验。

Cesium 三维风场:用 WebGL 2 GPU 粒子描绘全球气流

拆解案例中的风场数据、GPU 粒子更新、轨迹渲染、颜色映射和 Vue 参数控制

Cesium 北斗三维网格:在城市 3D Tiles 上做 GeoSOT-3D 剖分

介绍区域体素生成、建筑表面采样、结构碰撞检测、Worker 几何构建和网格编码查询

Cesium 区域等高线:地形采样与 Marching Squares

从交互绘制区域开始,完成规则网格采样、等高线提取、平滑、标注和高程统计

Cesium 地形开挖:裁剪真实地表并重建坑壁坑底

拆解多边形开挖、坑底策略、边界采样、侧壁重建、方量估算和多区域裁剪管理

Cesium 地形压平:量化地形顶点改写与边界羽化

解析绝对与相对高程模式、瓦片顶点修改、原始快照、空间索引、局部刷新和性能统计

Cesium 城市风场 CFD:北斗体素网格、LBM 与 GPU 粒子

从 3D Tiles 表面采样到固体掩膜、D2Q9 LBM 求解和粒子流线,梳理城市风场案例的完整管线

Cesium 地形抬升:从真实地表生成可编辑地块

说明地形采样、影像纹理、抬升顶面、侧壁坑体、质量档位、进度取消和工程量分析

Cesium 地形可视域:径向采样与最大遮挡仰角

通过地形径向采样判断可见与遮挡区域,并生成观察点视角快照和计算统计

Cesium 全球北斗网格:自适应 LOD 与光标编码查询

在全球尺度上按相机高度选择 GeoSOT 网格层级,并用 Worker 生成地表格网和三维体素

Cesium 无人机模型实例化:一份 GLB 渲染万级编队

拆解模型实例矩阵纹理、CPU 视锥剔除、巡航更新、拾取高亮和文字编队生成

Cesium FFT 矩形水面:GPU 频谱海浪与随波船体

在 Cesium Primitive 中接入多级联 FFT 海浪,完成位移、法线、清澈度、LOD 网格和船体姿态采样

Cesium 无人机管道航道:Tube 几何与菲涅尔流光材质

从航点平滑、管道网格构建到半透明空心材质、边缘辉光、状态配色和场景拾取

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 资源释放

前端渲染大型表格方法总结

前端渲染大型表格方法总结

Gemini CLI 工具使用教程

  • AI
  • 2026年1月26日
  • 2 mins

Gemini CLI 工具使用教程

Vue 3 组合式 API 完全指南

深入理解 Vue 3 Composition API 的核心概念和最佳实践

Cesium 三维地球入门教程

从零开始学习 Cesium.js,构建你的第一个三维地球应用

Leaflet 地图开发基础

轻量级地图库 Leaflet 的快速入门指南