Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Simple Water Simulation

Public visualization

Viewing a saved revision (read-only)

629390f5705b4fa49770cf38ad2f09bd

Simple Water Simulation

0 stars0🌍 Public
Nnandugali
Last edited Dec 9, 2023
Created on Dec 9, 2023
Forked from HTML Starter

This example shows a simple water simulation rendered as a full-screen, animated canvas. A static, blue gradient fill is applied based on the texture coordinate’s y-position, creating a uniform water-like surface. The piece uses the WebGL API directly via JavaScript, compiling custom vertex and fragment shaders to control geometry and color. It draws a single quad as a triangle strip and continuously re-renders it via `requestAnimationFrame`, though the color does not change over time.

AI-generated description