An Interactive Nearshore Wave Simulator for Rapid Design Prototyping and Natural Hazard Education

Celeris-WebGPU (version 1) is a browser-based interactive simulator for nearshore waves, designed to support coastal engineering design and natural hazard education. The system implements two depth-integrated, phase-resolving wave models: a standard mode solving the enhanced Boussinesq equations for weakly nonlinear weakly dispersive waves and a high-order mode solving the fully nonlinear extended Boussinesq equations for improved accuracy. The targeted use for the standard mode is rapid, iterative, and interactive simulations, while the high-order mode is best for design-level simulations in which accuracy is paramount. Both modes use a hybrid finite-volume–finite-difference approach; the standard mode’s accuracy is of second-order in space, while the high-order mode’s accuracy is of fourth-order. The simulation and visualization pipeline runs on the GPU via WebGPU, enabling faster-than-real-time performance on typical desktop hardware within a web browser. We show the accuracy and capabilities of Celeris-WebGPU with benchmark tests, including regular wave breaking on a beach, solitary wave run-up on a conical island, and nearshore wave transformation at Duck, North Carolina. An example design scenario adding a breakwater offshore of Oceanside, California, is presented, demonstrating the rapid prototyping capabilities of the platform. Results show good agreement with experimental and field data and illustrate how the WebGPU deployment allows interactive modeling with advanced physics directly in a web browser. The accessible framework of Celeris-WebGPU can broaden the use of physics-based wave simulation in both engineering practice and education.