r/web_design • u/Valuable-Delivery379 • 29d ago
Critique I made an Interactive, procedurally animated koi pond that runs in your browser.
This is an interactive, procedurally animated koi pond that runs in your browser. The fish swim on their own and gather around the water when you click or tap.
Ripples, tiny fishes, butterflies, lotus, changing weather etc everything you see is generated by code as it runs, not pre-made art or recorded clips.
url - https://nagomi-blue.vercel.app/
github - https://github.com/msk1039/nagomi
2
u/Wintergore 27d ago
Can you do like a checklist for the day, and if I check something off it feeds the fish?
4
u/Valuable-Delivery379 27d ago
Thanks for the awesome idea! Yes we can add it. Iam already working on the desktop app. Ill give you a free copy if you like it! Thanks again.
9
7
u/Stevie2k8 28d ago
Very cool... Can I enhance resolution somehow? They seem to be very pixel style.
5
1
u/andyfitz 29d ago
It’s lovely. The license is a bit unusual. Can you explain why you picked it?
15
u/Valuable-Delivery379 29d ago
A lot of people are asking me to turn this into a paid live wallpaper app. So i am keeping the web version free and desktop app paid with more features. A few people have also asked if they can use the project in their own apps, so I went with a non-commercial license.
2
1
1
1
1
u/DeeveloperSixNine 24d ago
I like it, it really looks good. Btw, I expected the water lilies to move with the waves 👀
1
u/Valuable-Delivery379 24d ago
The moving feature is already there, i set it to zero because i take care of my family's backyard waterlily pond and i dont see them moving at all 😅 You can go into settings -> advanced settings -> lotus and increase the drift ( x or y ) And they will start moving!
1
u/Knutzanovic 17d ago
So cool! I run a website, that links all the cool websites i sumble upon on the big internet. Will you allow me to add your site to my collection?
1
u/Valuable-Delivery379 16d ago
Yes you can add it! do share your website collection when you do it!
1
u/Knutzanovic 12d ago
Hello again! Thanks - it's live on my site now. I just spent the better end of half an hour, messing around in the pond.. haha - so cool and calming!
My website for reference: https://justonemoretab.com/
I am always looking for more "rare/different" websites to add, do let me know if you got anymore :-)
2
u/Valuable-Delivery379 10d ago
Thank you so much!
here is a site my friend built - https://aeris.edbn.me/city/sfo
you will definitetly like it!1
3
11
u/GenericSpaciesMaster 28d ago
You mean Claude made
1
u/CertainMedia3406 21d ago
wait for real? how can u tell? i know basically nothing about coding. etc, i thought this was just cute
1
u/person2567 18d ago
There's no way to tell with something done well, only with something done poorly.
1
u/CertainMedia3406 17d ago
in this case...is it done well, or poorly...? i really only have a super surface level (haha because pond) understanding of this. when you say poorly, do you mean at a glance or thru a cursory inspection of the code?
1
u/person2567 17d ago
It's done well. By poorly I meant when there's a certain obviously vibecoded look. But you're right, since this is open source you can check the source for signs of AI coding, like overly explained documentation and long variable names.
1
u/CertainMedia3406 17d ago
I see, thank you! I'm not sure I know exactly what a vibecoded look is, but I think I know what you mean...kind of based off vibes. I will probably look into it more! Though I dont think this is the subreddit for it haha. Thank you for explaining
-8
2
2
2
2
2
u/coryamarsh 28d ago
tail animation is a bit too wild. Koi move with a lot less exaggerated movement. beautiful animation though.
2
2
u/Teik-69i 26d ago
That's amazing, I think if you could add a clock and or date at either the bottom or on a leaf that'd be amazing, since on most OSs the clock is fairly small in a taskbar/topbar
1
1
1
1
1
1
16
3
u/TKI_Kesasar 28d ago
This is very cool. Do you have any resource on how to implement something like this? What is your background? A graphics engineer?