HAOQUAN
WANG
ATOM
A P5.js interactive Atom simulation experience
"Nature of Code" Midterm Project
Project Name: ATOM
Project Type: Individual Project
Time Duration: 1 week
My Role: Programming & Designer
"ATOM" is my midterm project for course "Nature of Code" in 2020 spring. I was asked to use P5.js to simulate anything from the nature. Atom is the elementary object of everything. By using the basic law of physics, "gravitational attraction" and "Rebouncing", I was able to restore the basic structure of atom in the world of P4.js.
In terms of interaction, I design the interaction experience to be a "adding layer" process.
The first layer is the proton. The audience can trigger the first interaction by hovering onto the halo.
To add the second layer, which consist of electrons, the audience need to click the left mouse to create electron at the position of mouse.
When the number of existing electrons is over 4, the thrid layer, which is outer sphere of atom will be created.
