Pluvoir
Creative
ambient sound and visual simulation
SHOW HN2020
393points
60comments
#88of 3,028 in 2020
Top 3%of 2020 by points
How HN took it
DebatedReal support and real criticism
21 positive, 11 neutral or asking, 1 mixed, 13 critical, out of 46 comments about the project. Thread score +0.17.
Design: 11 for, 1 againstExecution: 1 for, 6 againstPerformance: 1 for, 4 againstIdea: 2 for, 2 against
The thread, comment by comment
Each row is a top-level comment and its replies, in HN's order. Select a cell to open that comment on HN.
positive neutral or mixed critical about another commenter or something else the maker
What HN said
What people liked
Realistic rain effect and glass refraction
From 4 comments
Lovely effect! Particularly enjoyed how it seems to 'fake' refraction by sampling higher or lower from the background based on the drop shape. The trails squishing back into…
IvoDankolov on HNMan that's crazy, trying to figure out how you make something look like glass/water. Also moving your mouse around on desktop gives it added feel of depth/realism the pane of…
jcun4128 on HNCan't tell the difference between the screen and my window (it's rainy here today!). Nice!
donalhunt on HNLooks very realistic!
Akcium on HN
Sound samples add atmosphere
From 2 comments
Well it has sound it seems, which might actually be more important depending on what you're looking for.
lbebber on HNMy question too. This loads really fast and is really smooth. I've been using https://mynoise.net/ for years as a paying customer for this kind of thing and am always happy to…
acidburnNSA on HN
Objections
Flickering or glitchy drops on some browsers and GPUs
From 4 comments
The drops flicker in OSX Chrome 84 for me. Works in other browsers. Not surprising though. This 2017 Macbook Pro's integrated gfx (Intel Iris Plus Graphics 640 1536 MB) seems…
hombre_fatal on HNLooks pretty good, I do see some weird rain drops blinking on the bottom half of the screen (latest version of Chrome).
ibdf on HNPretty cool!. Only one glitchy part, the bottom of the screen seems to have a few drops that appear and disappear at random, that's the only thing that took me out of the realism.
rhacker on HNIt _is_ really weird, that didn't use to happen either. Started happening after some update of either Chrome or macOS, I'm not certain which. In fact I think this is one of the…
lbebber on HN
Toggles add browser history entries
From 2 comments
Toggling the options seems to add records to the browser history, which means it takes a bunch of taps on the back button in safari to get out of the app. Otherwise, really cool!
controlledchaos on HNIt's due to the day/night buttons being anchor tags as opposed to any Safari-specific issue. If you wanted to keep the the ability to link to specific states, but avoid the…
IvoDankolov on HN
Sound does not play in Safari on macOS without permission
From 1 comment
Safari on macOS isn't playing any sounds, apparently because you're not requesting for some permission?
filleduchaos on HN
Sliders do not work on some devices
From 2 comments
The sliders don't work on Google Chrome on Android 10.
murermader on HNSliders are for the audio.
rnotaro on HN
Requests
Fix drop merging to look more natural
From 2 comments
Lovely effect! Particularly enjoyed how it seems to 'fake' refraction by sampling higher or lower from the background based on the drop shape. The trails squishing back into…
IvoDankolov on HNThere was an attempt of making the drops merge more naturally, but it was affecting the refraction effect, which I deemed was more important. It should be solvable though, I just…
lbebber on HN
Questions
Are the sounds samples or procedurally generated?
From 2 comments
That looks / sounds great! Are the sounds based on samples, or procedurally generated?
dbrgn on HNIt seems that it'S samples as seen from the credits at the bottom : https://pluvoir.netlify.app/credits.html
rnotaro on HN
Alternatives named
Original Codrops rain effect by Lucas Bebber
From 2 comments
Hi, I'm the author of the rain effect (not of the website itself though). You can see the original effect here[1], along with an explanation here[2]. If you like it, you can see…
lbebber on HNFor those that feel inspired, there's a good article by Lucas Bebber that breaks down how this kind of rain effect can be made in WebGL here:…
jeffschofield on HN
Shadertoy The Drive Home rain shader
From 1 comment
Not sure if it is the original but the source where I first saw this rain effect was on ShaderToy - The Drive Home by Martijn Steinrucken aka BigWings[1] The accompanying video…
weinzierl on HN
mynoise.net
From 1 comment
My question too. This loads really fast and is really smooth. I've been using https://mynoise.net/ for years as a paying customer for this kind of thing and am always happy to…
acidburnNSA on HN
Rainpaper Android live wallpaper
From 1 comment
I ported this effect to Android in a live wallpaper called Rainpaper[1]. [1] https://rainpaper.com
Sephr on HN