Show HN: Mobile Fluid Simulation Controlled by Device Tilt

fluid.sh4jid.me

2 points

9 months ago

A few days ago I came across the amazing `flip-card` project by Nicholas Johnson, which had fluid simulation running on business cards. I thought there had to be similar projects for mobile phones, since the DeviceOrientation API is widely supported. But after my brief search, I could not find anything that works in the browser!

So I built this. The fluid is intentionally a little jumpy because I found it makes it more fun to play with. I’ve been running it as a PWA on my phone and use it like a fidget toy.

The code is here: https://github.com/shajidhasan/mobile-fluid-sim (please leave a star if you liked the project!)

The `flip-card` project for reference: https://github.com/Nicholas-L-Johnson/flip-card