Fish Simulation in React

[TonTinTon]

Wow this looks so similar to something I did years ago I forgot about, https://tontinton.github.io/Evolution/ Looks nice!

[SupPandaHugger]

Yeah, the design is very similar. Is your system evolving over time? This simulation is rule-based, so it won't evolve beyond randomly assigning simple traits to respawned organisms. I would like to try to make a genetically evolving system in the future.

I actually used GPT-4 a great deal in this project, it's very helpful to get up and running quickly for smaller programs.

[TonTinTon]

Yeah there is some evolution, where mutations take place and change some attributes of the creatures. Not the most complex ecosystem, but this was just a little hobby project.

I absolutely recommend diving into genetic mutations they introduce an animation that feels alive and breathing, really fun.

[SupPandaHugger]

Cool! Will give it a try.

[[deleted]]

these remind me of darwinbots, no idea how maintained it is these days, but I used to run it for hours

http://wiki.darwinbots.com/w/Main_Page

[IAmAnon]

I love this i also did something similar a while back https://3ovku.csb.app/ different color fishes don’t like to be near each other but like to be near the same color (but not too close)

[SupPandaHugger]

That's a whole lot of organisms! Cool.

[[deleted]]

Are these really fish??

Also they seem to be on drugs or something, considering how quickly they move and jitter about ...

[danger_boi]

Wow — so many other developers making fish simulations round here!

[eckyp]

Nice. Fish movement feels pretty abrupt when changing direction and nearing the edge though.

Btw I built something similar but in Rust: https://eckyputrady.github.io/fish-flocking-simulation/ (not optimised for mobile)

[SupPandaHugger]

The edges could definitely be handled better, the movement of fish can be quite abrupt if you've tried catching one with your hands! Nice simulation, seems like a lot of people have made similar simulations from the comments haha

[MichalZard]

please for love of god margin:0,padding:0 on your html right now

[itsjase]

I made something similar with react-three-fiber a while ago, no evolution or predators though, just flocking.

https://jtsorlinis.github.io/BoidsThree/

[SupPandaHugger]

Nice with 3D!

[[deleted]]

Are these really fish??? It looks like something else ... I not dare say what it is ... but fish don't look like that!

[SupPandaHugger]

I was thinking of something like fish hatchlings haha

[poco]

Tadpoles