Huge lag because of line 66 on simulation.js

[petally]

Possible just add an 'update' method for each particle, so instead of having to check everything for every particle, you can just loop through the matrix, and then call the respective particle's update function.
Would probably provide a nice speed boost

[petally]

E.g. instead of
"if this particle happens to be smoke, then do x, else if it's water, then do y", etc.
you can do something like
"particle.update()"
and inside the particle is the concise code that it needs to execute.
Getting rid of even one line of code in that big loop could probably help.
I wanna make my own sand game too, possibly we could both learn js! You can reach out to me on Discord at petally#9323

[JuulH]

Hey @petally, thanks for checking out my code!

You're right, at the moment the simulation is very unoptimized, I only really made it as a temporary solution to test things out but I'm working on making it faster. Probably what slows it down the most at the moment is that each particle stores it's own xy position, so for every simulation a single particle has to go through each other particle in the particles array to find out if there's any at the position it wants to move to or interact with.

I'm reworking this so it stores the particle positions in a sort of 2D array instead, which should speed things up by a lot.
Your addition is definitely also on my list, it would make it much cleaner and easier to make changes to, especially for particle interactions.

I'll add you on there, thanks for reaching out! I also saw your falling sand sim, interested to see your take on it as you keep working on it.