flip-card

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

The fluid simulation logic is split into a separate crate. https://github.com/Nicholas-L-Johnson/flip-card/tree/main/fl...

This is why my first prototype had a white border around it. The LEDs were red back then, so I don't know exactly what I was thinking, but I was aware of the problem. https://github.com/Nicholas-L-Johnson/flip-card/blob/main/me...

Is this any better? I hid the vias https://github.com/Nicholas-L-Johnson/flip-card/blob/main/me... https://github.com/Nicholas-L-Johnson/flip-card/blob/main/me...

The render is pretty gnarly, but it's not quite that bad in person https://github.com/Nicholas-L-Johnson/flip-card/blob/main/me...

There's a BOM, you can find out. Plus some peanuts for the PCB :) Now whether you get it populated or not.. https://github.com/Nicholas-L-Johnson/flip-card/blob/main/ki...