本发明是一种利用三维WebGL技术实现洪水演进模拟的方法，构建基于一二维耦合水动力学模型，接入气象预报和实时监测数据进行模型运算，将计算结果通过三维WebGL技术进行渲染，以数字流场的方式，将地形、时空数据、网格水深流速等数据模拟呈现，表达洪水的整个淹没过程。本发明的洪水模拟方法主要先将水动力模型剖分的不规则网格数据结构利用TIN算法重构成三角网，再利用WebGL顶点渲染技术可视化展示。本发明解决了洪水演进模拟过程中水面波纹的粒子效果逼真，水面淹没水深流速呈现结合实际，并有理论依据，分析结果可靠等优点。