三维地形重建

基于 Three.js 的真实三维地形可视化设计与实现。

前言

记录一次奇怪的需求开发。

需求

  1. 根据海底高程数据,重建海底三维地形;
  2. 根据多时期的高程数据,制作地形冲刷的动态视频。

原始数据格式
一个txt文件,每行三列,数据含义未知。

数据分析

  1. 假设数据含义:x - 平面坐标, y - 平面坐标, z - 海拔高度
  2. 点云展示
  3. 数据顺序规律
  4. 高程极值分布、统计规律

实现策略

回填启发:《基于 Three.js 的真实三维地形可视化设计与实现 – 测绘与空间地理信息 Vo1.38,No.10》

  1. 假设:threejs 基于 webgl实现,那么 threejs 的平面类一定也会把 z 轴信息传递给 webgl。
  2. 将栅格化的数据回填到Threejs的平面类中,并把高程通过 threejs 塞给 webgl,实现建面任务。