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.
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