Category: Nature of Code

Link: https://editor.p5js.org/Skye/sketches/1nqThwswn

Description:

For this assignment, I created a fluid simulation effect by using the concept of autonomous agents. I created a class of vehicles to represent fluid particles and placed them at the button of the canvas. The I let each vehicle to seek the position of mouse and add the repulsion force to them once the mouse gets into the detecting area. The detect area I assigned between mouse and particles were originally the exact radius of the particles, however, in that case only a few particles around the mouse would move. Therefore I scaled up the detecting area to  20 times of radius so that it looked like the whole particle systems moving. I met some problem then as once the particles got the force they will just move away and never come back. Candy taught me how to pull the particles back by mapping the force accoding to particles’ current position and their previous position. I then, stepped to change the color of the particles according to their position to create the water effect.

The outcome is that when moving the mouse around, the particles will move and create an effect of waves. 

For my homework 10, I mainly used a seek function to have my little yellow man move towards my mouse when I clicked. As is showed in the video:

VideoOfHw10

 

When pressed

By using the seek function, my little yellow men will seek for the position of the mouse, and they will gather around with it. To avoid static gathering, I add a random factor to their positions, to make them more dynamic.

I also tried flow field, but it didn’t work out as well as I expected, and here is the video:

hw101

This project consists of two components, the vehicles and the target. The vehicles are moving on their own, avoiding colliding to each other. The users can also activate debug mode.

the detect radius can be manipulated

The user can control the grey target by pressing the up/down/left/right arrow key. 

If you press the “a” key on the keyboard, the vehicles will start to “attack” the target. By moving the target around, you can lead the movement of the vehicles.

If you press the “s” key on the keyboard, you can see the attack zone of the vehicles. You can also change the size of the attack zone.

link: https://editor.p5js.org/DianaXu/sketches/fy9FZ6GgR

This week I played with different shapes and force. I added curves to the shape. And I also added a spinning force to the shapes. Then I used the mouse to control the movements of these flowers.

Without mouse click:

Mouse click