I built a new shelf today to hold VHS in my retro media center! and to celebrate I'm watching my official @summoningsalt.bsky.social Halo 2 World Records VHS tape that I got! (the photo is taken on my friend's digicam!)
there's now a live version at aquarium3d.may.as ! the aquarium layout is saved in the URL, so you can save/share your aquarium! if you add "&view=true" to the url you can create a view-only link. (auto embed code generation is coming v soon)
my partner had the very clever idea to make the ambient light (the light level in the shadows) brighter, and then crank the directional light up so that the areas which aren't in shadow appear as highlights. Then I inverted the vornoi noise texture, and I think the result looks much prettier!
both of those sound way out of my depth as far as shaders go haha, I was thinking maybe I could add a material to everything that receives the ripple highlights which superimposes the ripple pattern synced to the same time and world coordinates?
Playing around with some water ripple shadows! I am very happy with the effect but I'm not sure how much of that is just bc it took me hours of messing with three.js depth shaders to get this working #fishposting
I have a directional light pointed down so I wonder if I just put a texture at the top of the water with the ripple effect and then enabled it to cast shadows with an alpha test? It might not look any good though with 1d shadows, it needs both light and dark
I think you're right! I'm also messing around w shadows now, what I'd really love to do is to project a moving underwater texture onto all the shadow receivers (and match it to a ripple effect at the water's surface) but I'm figuring out how to do that
my vision for my 3d fish tank is to have an editor where you can add different kinds of fish and plants/decorations, and then export it as an embed you can put on your site, with a little badge to link back to the editor so other ppl can create their own
Having some fun making a virtual fish tank with three.js and react-three-fiber!
If you aren't familiar with r3f I highly recommend checking it out, it's really cool how easily the pieces fit together to create something interactive (github.com/pmndrs/react...)
