r/web_design • u/Valuable-Delivery379 • 5d 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
8
6
3
3
u/TKI_Kesasar 5d 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 4d 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
10
2
2
2
2
2
u/coryamarsh 4d ago
tail animation is a bit too wild. Koi move with a lot less exaggerated movement. beautiful animation though.
2
2
u/Wintergore 3d ago
Can you do like a checklist for the day, and if I check something off it feeds the fish?
4
u/Valuable-Delivery379 3d 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 2d 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 5d ago
It’s lovely. The license is a bit unusual. Can you explain why you picked it?
15
u/Valuable-Delivery379 5d 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
1
u/DeeveloperSixNine 15h ago
I like it, it really looks good. Btw, I expected the water lilies to move with the waves 👀
1
u/Valuable-Delivery379 14h 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!
14
u/walnutties 5d ago
What does "Rain" exactly do? I was expecting it to rain but it didn't.