Update particle_life.html

[AnasQiblawi]

• added more notes
• enhanced some variables names
• added atom radius in settings & GUI
• atoms now are drown as circles (atoms now are centered around its coordinates)
  • we can draw in squares as before and use the radius value to center it. (eg. x-radius, y-radius)
• added a function that will draw lines between atoms that are effecting each other (can be activated on GUI)
• added a black background for canvas

[hunar4321]

Great Job, thanks

[dangarfield]

Hi, drawing the atoms as circles does create a performance penalty, it drops down to 25 fps for me with the default settings. Could I suggest that you parameterise it? (As you did perfectly with the drawLines).

I would dare say that if the default settings fall below 30 fps, it's probably not a great idea without a flag. I could have a look, two options are to use three.js and dedicated shaders as they are much performant when using webgl. Additionally, using web workers or gpu.js to execute the positions through applyRules would give us a lot more choice

[AnasQiblawi]

Ok, I'll make a new folder in the GUI for drawing customization and add them there as options