logoalt Hacker News

Hyper-realistic sand with WebGL2

407 points • by everlier • yesterday at 1:39 PM • 77 comments • view on HN

Comments

evnp • yesterday at 7:50 PM

Super loud sound warning, us parents and folks wearing headphones would really appreciate default sound off. Or at least a some indication to turn volume down before tapping "pour"

➕ show 2 replies
rybosome • yesterday at 10:19 PM

I notice that different types of sand sound different - the timbre of the sand falling onto the table and shuffling around is noticeably different between the various types. I was curious if the differences in the sand were being physically modeled to synthesize sound.

It’s a physics-based generation but the simulation model is somewhat limited; essentially a few parameters that vary between the sand types, some randomization, and responsiveness to flow rate. Still, it’s highly effective; something like the fine, silty desert sand is noticeably brighter and sounds more like a hiss as it pours and flows than the rocky volcanic sand.

Very cool effect, this is joyful to play with.

smusamashah • yesterday at 5:10 PM

Found source repo here https://github.com/av/safe-sand

➕ show 1 reply
alex_duf • yesterday at 3:34 PM

On a mobile phone it makes a lot more sense. Try shaking it!

➕ show 6 replies
Faint • today at 12:11 PM

Smooth on OnePlus 13. Some flickering on the side the sand falls hard to. Still very nice.

nkmnz • yesterday at 6:47 PM

Something seems wrong with the stones. They seem to move way to fast. They need more friction.

asaddhamani • yesterday at 6:02 PM

I just spent 15 mins playing with this on my phone, it was a lot of fun!

smusamashah • yesterday at 5:04 PM

oh wow, the stones even have some water around them. This looks and feels real.

And if you manage to collect a lot in one place, the sand from the pile does fall like real sand. This is amazing.

The sound is not good though.

➕ show 2 replies
bahmboo • today at 8:37 AM

Love it. Want it on my actual pixel home screen

momojo • yesterday at 6:23 PM

This brings me a lot of joy. I love little toys that exist for no other reason than "I really want this to be a thing"

weitzj • yesterday at 6:36 PM

Does it make Patterns if you put a sine wave on your phone's speaker? What are they called? Moirée patterns?

bob1029 • yesterday at 7:20 PM

I like how when my phone's forward vector is aligned with world up all the sand falls out.

techpression • yesterday at 4:03 PM

I wouldn’t call it realistic, sand gets stuck in the air, stones don’t rotate, and there’s quite an uncanny valley effect based on angles. Still a cool demo of what is possible, even though I get 10fps or something on a iPhone 15 Pro

➕ show 2 replies
lavendermon • yesterday at 6:42 PM

Tried this on desktop and mobile, totally different experiences. I love the residue effect on the screen after I tilt the sand around on mobile. Next step: hourglass or maybe a snow globe?

mashally • yesterday at 6:06 PM

It was a lot of fun. I wrote I love you phrase to my gf and she liked it.

kccqzy • yesterday at 5:23 PM

It didn’t look realistic to me until I added `?sand=beach` to the URL. Maybe I only associate sand from the beach as sand. Others I call silt perhaps incorrectly.

matt3210 • yesterday at 8:02 PM

Finally, the kind of sandbox we deserve

andai • yesterday at 11:54 PM

Probably a bug, but the audio was just distorted noise without end.

hamidmohaqeq • yesterday at 4:20 PM

This is really cool and give a realistic sense

patrick_rtk • today at 10:49 AM

very nice !

yipinwong • yesterday at 7:14 PM

I felt like a kid playing with real sand in decades playing with this.

hirako2000 • yesterday at 10:05 PM

Handles double simultaneous taps n drags. Nice touch!

tgtweak • yesterday at 5:40 PM

This one does much better at retaining volume than the smudge demo last week :)

cat-whisperer • yesterday at 8:39 PM

a full circle moment

itomato • yesterday at 6:41 PM

You can play a nice little round of Bocce with the stones

amunozo • yesterday at 4:21 PM

I am feeling the sand physically at watching at this, good job!

cheapcheerful • yesterday at 5:07 PM

Wow man, very cool.

Teladin • yesterday at 6:23 PM

Seeing all the Macbook Pro PROLED XDR Touch Screen geeks finding a use for their new device :D

arm32 • yesterday at 4:19 PM

This is very fun to play with.

turadg • yesterday at 7:16 PM

anyone who likes that should touch grass

https://grass.turadg.com/

customguy • yesterday at 4:31 PM

Zooming on the desktop makes it more dense looking, which is probably not intended but can look very cool IMO.

➕ show 1 reply
wigster • yesterday at 4:31 PM

i feel like i'm watching a stop-motion movie as it moves. very nice

➕ show 1 reply
monster_truck • today at 1:03 AM

This does not seem very realistic at all. Cool slop I guess,

You are managing to use my GPU so inefficiently that the transient spikes are bumping my speakers out of standby

iberator • today at 12:08 AM

10 fps on merely 3 years old Android phone.

➕ show 1 reply
int32max • yesterday at 8:29 PM

woah this is really well done

hvvivek • yesterday at 6:18 PM

this is super fun! well done

samiv • yesterday at 5:45 PM

Cue the whines about not using WebGPU.

emilfihlman • yesterday at 5:37 PM

I think it's lacking momentum, the sand stops way too abruptly, and the audio also has too harsh cutoff. It also falls too fast.

Otherwise really amazing!

nout • yesterday at 4:27 PM

This is annoying to clean up exactly like real sand.

➕ show 1 reply
lloydatkinson • yesterday at 6:12 PM

Runs like crap on iPhone 14. I know it’s not the current generation of phone but is there really that meaningful of a difference between that and a current one?

➕ show 1 reply
Razengan • yesterday at 5:26 PM

Naturally the first instinct of man is to draw a penis.

➕ show 2 replies