本发明公开一种基于WebGL的三维洪水演进模拟方法及系统，以提高处理速度。方法包括：将水动力模型中输出的每一时刻视为一帧，逐帧提取水深数据写入时刻序列‑网格水深矩阵，每一行表示一个时刻下所有网格的水深值；同时，逐帧提取最大水位数据写入时刻序列‑网格最大水位数组；自定义水体网格Mesh图元，将四边形网格分解成由两个独立的三角形网格后得到各三角形网格的编号、顶点数组和索引数组，并以着色器定义材质外观；设置定时器，逐帧根据材质外观和每个三角形网格水深值映射的颜色值给Mesh图元的各个网格上色及更新，并取同时刻所有网格中最大水位值作为Mesh图元整体高程，形成分帧动画以实现动态洪水演进数值模拟。