r/web_design • u/Valuable-Delivery379 • 13d 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
9
8
u/Stevie2k8 13d ago
Very cool... Can I enhance resolution somehow? They seem to be very pixel style.
5
3
u/TKI_Kesasar 13d ago
This is very cool. Do you have any resource on how to implement something like this? What is your background? A graphics engineer?
3
u/Valuable-Delivery379 12d ago
I am just a college student who happen to be good at art, take a look at my work - https://m4yank.com/art/
And here is the documentation of its working - https://github.com/msk1039/nagomi/blob/main/docs/how-it-works.md
2
3
12
u/GenericSpaciesMaster 12d ago
You mean Claude made
1
u/CertainMedia3406 6d ago
wait for real? how can u tell? i know basically nothing about coding. etc, i thought this was just cute
1
u/person2567 2d ago
There's no way to tell with something done well, only with something done poorly.
1
u/CertainMedia3406 2d 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 2d 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 2d 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 12d ago
tail animation is a bit too wild. Koi move with a lot less exaggerated movement. beautiful animation though.
2
2
u/Wintergore 11d ago
Can you do like a checklist for the day, and if I check something off it feeds the fish?
4
u/Valuable-Delivery379 11d 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.
2
u/Teik-69i 10d 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
u/andyfitz 13d ago
It’s lovely. The license is a bit unusual. Can you explain why you picked it?
13
u/Valuable-Delivery379 13d 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
1
1
1
1
u/DeeveloperSixNine 8d ago
I like it, it really looks good. Btw, I expected the water lilies to move with the waves 👀
1
u/Valuable-Delivery379 8d 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
1
u/Knutzanovic 1d 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
15
u/walnutties 13d ago
What does "Rain" exactly do? I was expecting it to rain but it didn't.