💧 Smoothed particle hydrodynamics

Simulation

🎯 A somewhat more elaborate demo using the Helion library
©️ Hydrodynamics based on Smoothed Particle Hydrodynamics (SPH) Fluid Simulation with WebGL

Implementation

There are two coordinate frames:

• SPH-domein: coordinates for the physics and calculations for neighbor cells.
• Helion-world: coordinates with which Circle and camera render particles.

These coordinates need not be identical. The view translates the SPHParticle.position during synchronization.

 +---------------------------------------------+
 |                SPHParticle                  |
 |                     │                       |
 | Velocity, pressure, mass, density, position |
 +---------------------------------------------+
                       │
                       │
                       ▼
       +-----------------------------------+
       | SPHParticleView.synchronizeWith() |
       |               │                   |
       |    SPH-domein → Helion-wereld     |
       +-----------------------------------+
                       │
                       │
                       ▼
    +---------------------------------------+
    |               Circle                  |
    |                  │                    |
    | Draw particle at transformed position |
    +---------------------------------------+