Projects

WebGIS 与三维可视化作品集

这里整理 Cesium、Three.js、WebGIS、Shader、SDK、性能优化等方向的技术 Demo、实验项目和可视化实践。

真实场景驱动 工程化实践 可复用 持续迭代
Cesium 地形高度图和三维山地封面

Cesium 最高地形瓦片高度图

在地形上框选矩形范围,按最高可用地形层级采样生成灰度高度图,并把同一份高度结果渲染成真实起伏面。

CesiumTerrainHeightmapWorld Terrain
Cesium GeoJSON 热力图封面

Cesium GeoJSON 热力图

使用模拟 GeoJSON 点数据生成 canvas 热力纹理,并通过 Cesium GroundPrimitive 覆盖到地形或 3D Tiles 场景表面。

CesiumGeoJSONHeatmapSDK
Cesium 离屏渲染 Framebuffer 封面

Cesium 离屏渲染截图预览

通过自建 Framebuffer 把指定 Cesium 视角渲染到离屏纹理,再读回 ImageData 并在页面中展示预览结果。

CesiumFramebufferOffscreenWebGL
Cesium 行政区遮罩封面

Cesium 行政区遮罩视觉效果

使用 GeoJSON 行政区面数据生成世界大面挖洞遮罩,让行政区内正常显示、区外叠加半透明遮罩,并高亮行政区边界。

CesiumGeoJSONRegion MaskSDK
Cesium IndexedDB 离线资源缓存封面

Cesium IndexedDB 离线资源缓存

在 Cesium Resource 发起影像瓦片请求前优先查询 IndexedDB,命中时直接恢复本地缓存,未命中时请求网络并写入缓存;地形默认保持关闭。

CesiumIndexedDBCacheOffline
Cesium 序列帧动画效果封面

Cesium 序列帧动画效果加载

将 APNG / animated WebP / GIF 动画资源解码成 sprite sheet,并通过 Cesium Billboard 在三维场景指定位置循环播放。

CesiumBillboardAPNGWebP
Cesium 水面镜面反射封面

Cesium 水面镜面反射

基于离屏渲染和反射相机实现实时水面倒影效果,支持水波动画、斜裁剪面和参数调节。

CesiumReflectionFramebufferShader
共 10 个项目

WebGIS & 3D 可视化 • © 2026