Author: Ji Hwan Shin

Butterfly Migration

Link: https://editor.p5js.org/jihwanshin96/sketches/hoDsEpEft

For my final project I wanted to simulate a butterfly patter of migration that is visually stimulating. I utilized the concepts of oscillation, noise value, and flocking to create my own version of a butterfly migratory pattern with randomized colors. 

For creating the butterfly wings, I used sin and cosine values to create a basic vertex shape and implemented perlin noise to create that jagged shape. Then I rotated the shape to get both sides of the wings. Then I scaled the size and played around with the color to get that randomized changing of the pattern of the wings. 

Overall, I wish that I could have put more attention to detail on the wings and the patterns as they seem clustered and too 2 dimensional. But as I played around with the skewness and scale, the shapes became increasingly difficult to manage.

Link to powerpoint: https://docs.google.com/presentation/d/1A4BNN3Ni0E59_83aPKLFiSlXaXZYHXBE63G7RJ7TC18/edit?usp=sharing

Link: https://editor.p5js.org/jihwanshin96/sketches/NI2MfiOT4

For this assignment I utilized the concepts of inheritance and polymorphism that we learned in class to create a humorous sketch inspired by the song “It’s Raining Men” by the Weather Girls. I created a class of ‘man’ and an inheritance class of ‘man2’ which contains the attributes of the former class. By doing this, I didn’t have to repeat any of the parameters or movements of the former object class. To make things more interesting I replaced the shapes with actual images and called the music/images in setup.

class Man {
constructor(pos) {
this.pos = pos.copy();
this.vel = createVector(random(-2,3),random(-5,5));
this.acc = createVector();
this.size = random(10,20);
this.lifespan = 1.0;
this.lifeDecrease = random(0.01, 0.005);
this.isDone = false;
}
update() {
this.vel.add(this.acc);
this.pos.add(this.vel);
this.acc.mult(0);

// dying
this.lifespan -= this.lifeDecrease;
if (this.lifespan < 0) {
this.lifespan = 0;
this.isDone = true;
}
}
display() {
push();
translate(this.pos.x, this.pos.y);
noStroke();
image(img2, 0, 0, img2.width/7, img2.height/7);
pop();
}
}

Topic: The Life and Death of a Star

For my midterm project I was inspired by planetary orbits and the forces that make up a galaxy. While I was looking at our own solar system for inspiration, I didn’t want to limit myself. Utilizing the concepts of oscillation learned in class, I was able to mimic elliptical orbits for several planets(ellipses) that I categorized under particles. Then, I wanted to replicate a black hole sucking the particles in itself. I applied gravitational forces and attraction to get this sketch:

But the challenge came when I had to integrate the two – orbits and attraction together to create a sketch. I tried to first call all the particles in the draw loop but that made strange objects appear simultaneously. I was able to fix this by setting up two functions and calling them on the draw loop. That’s how I got the objects to orbit when mouse isn’t pressed and to be sucked in when mouse is pressed. 

It was really helpful to hear critiques during my presentation. I want to further improve my sketch by incorporating more interactive elements like having the blackhole increase in size when sucking in certain objects or manipulating the orbits of certain planets since I don’t have constraints on p5js. 

Link to sketch: https://editor.p5js.org/jihwanshin96/sketches/qxI-HfGIN

Link to presentation: https://docs.google.com/presentation/d/1bPAoklxJha6gEeJqADsru1RmpAS3vR6W7ZY1D9AkBCM/edit?usp=sharing