Sheenu-Project-07-Composition with Curves

sketch

//Sheenu You
//Section E
//sheenuy@andrew.cmu.edu
//Project 07
var nPoints = 100;
function setup() {
    createCanvas(480, 480);
    background(0);

}
function draw(){
	background(218,205,188)
	drawLoopFlower();

}

function drawLoopFlower() { 
	//SHIFTS SHAPE INTO CENTER OF CANVAS
	translate(240,240);
	//MULTIPLIES SHAPE
	//MATH VARIABLES
	for (var o=0; o<80; o++){
	var x;
	var y;
	var a=o*.5+mouseX/5
	var b=mouseX/30;

	stroke(56+o*1,82-o*1,139-o*1);

	noFill();
	
	//STARTS SHAPE
	beginShape();
	
	//MATHEMATICAL EQUATION FOR EPIcyCLOID 
	//x=(a+b)cos(theta)-bcos((a+b)/b*theta)
	//y=(a+b)sin(theta)-bsin((a+b)/b*theta)
	//ellipse(240,240,a,a)
	
	for (var i =0; i<nPoints; i++){
		var t = map(i,0,nPoints,0, TWO_PI);
		x=(a+b)*cos(t)-b*cos(((a+b)/b)*t+80)
		y=(a+b)*sin(t)-b*sin(((a+b)/b)*t+80)
		//x=o*a*((b-1)*cos(t)+cos((b-1)*t))/b
		//y=o*a*((b-1)*sin(t)-sin((b-1)*t))/b
		vertex(x,y);
	}
	//END SHAPE
	endShape(CLOSE);
}

}

Many curve compositions posted on site inspired me to make this curve. I used a for loop to multiply the number of curves so it can create a much more visually appealing and interesting picture. I also found a color palette I liked and used it in this image. I transformed the common Hypotrochoid curve in the example into a beautiful and much more interesting shape.

Sheenu-Looking Outwards-07

http://infosthetics.com/archives/2014/03/browser_plugin_maps_browser_history_as_a_favicon_tapestry.html

This is a project created on accident by CMU student Shan Huang in 2014. It’s a Google chrome plugin that looks through a user’s history and collects all the favicons of all the websites visited. It then organizes all the favicons and arranges them into a large mural based on oldest link to newest. Each image is still functional, so when clicked it will redirect you to the original website. What I really like about this project is how it transforms everyday online browsing into an art form. It also shows us the overwhelming amount of times people use the internet and go on a website in a day or just an hour in just one image. It’s truly a beautiful but also very reflective and realistic piece.

Sheenu-Project 06-Abstract Clock

sketch

//Sheenu You
//Section E
//sheenuy@andrew.cmu.edu
//Project-06
var one=50

var prevSec;
var millisRolloverTime;

function setup() {
    createCanvas(480, 480);
    millisRolloverTime = 0;
}

function draw() {
    background(198,229,217); // My favorite blueish greem
    
    // Fetch the current time
    var H = hour();
    var M = minute();
    var S = second();
    
    // Reckon the current millisecond, 
    // particularly if the second has rolled over.
    // Note that this is more correct than using millis()%1000;
    if (prevSec != S) {
        millisRolloverTime = millis();
    }
    prevSec = S;
    var mils = floor(millis() - millisRolloverTime);
    
    var hourBarWidth   = map(H, 0, 23, 0, width);
    var minuteBarWidth = map(M, 0, 59, 0, width);
    var secondBarWidth = map(S, 0, 59, 0, width);
    
    // Make a bar which *smoothly* interpolates across 1 minute.
    // We calculate a version that goes from 0...60, 
    // but with a fractional remainder:
    var secondsWithFraction   = S + (mils / 1000.0);
    var secondsWithNoFraction = S;
    var secondBarWidthChunky  = map(secondsWithNoFraction, 0, 60, 0, width);
    var secondBarWidthSmooth  = map(secondsWithFraction,   0, 60, 0, width);
    
    noStroke();
    //Metronome Variables 
    var speed =2;
    var dir = 1;
    var secondx = 120
    var winklex=240
    //Controls Metronome Arm
    if(S%2==0){
    	 secondx = 120
    } else { 
    	 secondx = 360
    }
    //Metronome Itself
    fill(151,208,199)
    ellipse(240,438,420,50)
    fill(214,129,137);
    quad(184,47,294,47,367,324,101,324);
    rectMode(CORNERS);
    rect(101,324,367,439);
    fill(198,164,154)
    quad(189,52,289,52,362,322,106,322)
    fill(233,78,119)
    triangle(111,367,111,430,357,430)
    fill(244,234,213)
    rect(219,66,263,311)
    strokeWeight(3);
    stroke(233,78,119);
    //Metronome Arm
    line(secondx,74,240,325)
    fill(233,78,119);
    rect(106,323,362,328);
    fill(244,234,213);
    rect(107,331,361,363);
    noStroke();
    fill(214,129,137);
    text("Minutes",220,78)
    //Minutes Dashes
    for(var poop=0; poop<M+1;poop++){
    	    stroke(233,78,119);
        strokeWeight(1);
    	line(240,308-poop*4,258,308-poop*4)
    	//Resets Dashes when Minutes is 0(?)
    	if(M==0){
    		fill(244,234,213)
    		rect(219,66,263,311)

    	}
    }
    //Hours
    text("Est. 19"+H,215,351)

}

 

 

 

 

 

When I was very young, I never understood what a metronome was used for. The only thing that I found fascinating about the thing was the satisfying ticking noises, a unique and signature sound that sounded different and more pleasant compared to other ticking objects I encountered with everywhere at the time. Although the movement of the wand was repetitive and wasn’t really that interesting, I used to wonder why and how it moves back and fourth. I always wondered about the purpose of the metronome until I started to learn how to play the piano and learned that the metronome was used to control your tempo. Before I knew anything about the metronome, I assumed the metronome to be some type of clock since it had numbers, ticked, and moved back and fourth like a pendulum on old fashioned wall clocks or grandfather clocks. This gave me the inspiration to make this project. Although the color palette is a bit strange and there is no ticking noises, I still really like this project regardless.

Sheenu-Looking Outwards-06

https://www.smithsonianmag.com/smart-news/facial-recognition-software-makes-art-from-random-noise-15280755/

This software is a facial recognition program that produces art and faces through randomly generated noise. The program takes randomly generated noise and tries to create a face using polygons and the generated noise it receives. The software was developed by a man named Phil McCarthy. He wanted to use the program to abuse and play with pareidolia which is the tendency of humans to find faces in everything they see. Because of this, he chose to name the program “Pareidoloop”. What I admire about this project is the fact that a machine that doesn’t initially know what a face looks like tries to draw a face using random data. It’s almost like making something out of nothing. The project both plays with the computer and our tendencies as humans.

 

Sheenu-Looking Outwards-05

 

 

https://www.behance.net/Filiphds

These are multiple abstract images created by a freelance artist online named Filip Hodas in 2015.

These images were made using Cinema 4D, Octane, Zbrush, World Machine, and Xparticles. While the images were mostly made by hand using 3D modeling, some organic and natural looking parts of some of the images were made using a noise function. Mountains, germs, or particles were made using a noise function.

What I absolutely love about these images is not only the abstract shapes and imaginative transformations of nature, but also the colors, lighting and shading. These pictures all use such vibrant, colorful, modern, and eye-catching color palettes that I absolutely love. The abstractions look so real and almost believable as if these were physically made with clay rather than on a computer. What makes these pictures great is how eye-catching and eye pleasing they are. It’s definitely something that deserves to be hung on a wall.

Sheenu-Project-05-Background

sketch

function setup() {
    createCanvas(480, 480);
    background("#F9CDAD");
}

function draw() {
	for(var x=0; x<=8; x++){
		for(var y=0; y<=8; y++){
		fill(255);
		noStroke();
		//GUIDE
		//rect(x*60,y*60,60,60);
		//GREEN Lines
		stroke("#83AF9B")
		strokeWeight(8);
		line(x*60,68+y*60,68+x*60,y*60);
		stroke("#C8C8A9")
		strokeWeight(4);
		line(x*60,68+y*60,68+x*60,y*60);
		//RED Lines
		
		stroke("#FE4365")
		strokeWeight(15);
		line(-8+x*60,-8+y*60,68+x*60,68+y*60);
		stroke("#FC9D9A")
		strokeWeight(8);
		line(-14+x*60,-14+y*60,74+x*60,74+y*60);
		


	}
	}
}

I really aimed to make this background look visually pleasing color-wise. I found a palette online I really liked and used it to color this striped background. I think it looks really nice and looks like a background for a bakery or a candy. I would totally wear a texture like this around school. I made the canvas 480×480 and divided it by 8 giving me 60, meaning that 64 60×60 squares will fill the whole entire canvas. I started with a draft rectangle and worked on the texture from there.

Sheenu-Looking Outwards-04


Seaquence is a game on the app store that allows you to spawn creatures that produce music by themselves. The creature’s shape determines how a sound is made. Adding notes or making musical sequences and even changing the waveform of sounds alters how the creature looks. A variety of different creatures can form an ensemble of music with just a tap of a button.

The game was developed by a company called Okaynokay and evolved based on a flash game years ago. According to the creators, the game was made and designed using a custom programmed physics engine which allows the creatures to move on their own based on their notes and give the player a game-like experience.

The game has a dedicated community consisting of both regular individuals and professional musicians. So far, over 300,000 songs have been made on Seaquence.

I really admire the fact that people can now make music with an easy-to-use and fun game. Making music is a long and hard process, but with this game many average and ordinary people can now create their own compositions and get inspired by other creators out there. Making a process that is long and complicated easier and more accessible to the public truly makes this game special in my opinion.

Sheenu-Project 04-String Art

sketch

//Sheenu You
//Section E
//Project-04
//sheenuy@andrew.cmu.edu
function setup() {
    createCanvas(400, 300);
    strokeWeight(2);
}

function draw() {
	background(0);
	for (var i = 20; i <400; i+= 20) {
		stroke("yellow");
		line(0,i,i*mouseX/5,400);
		line(400,i,i*mouseX/5,0);
	}
	for (var b = 10; b<600; b+=5){
		strokeWeight(1);
		stroke("red");
		line(0+b,0,0+b,300);
	}
for (var a = 20; a <400; a+= 10) {
		stroke("blue");
		line(0,a,a,400);
		line(400,a,a,0);
	}
}

This is a very simple line art I made using the for function. The for function is something I still don’t understand very well. I see many possibilities in this function but learning this is a bit of a challenge that needs extra time. Other than that, I really enjoyed how my project turned out in the end. The MouseX really makes this thing come to life.

Sheenu-Looking Outwards 3



The Bizarre, Bony-Looking Future of Algorithmic Design

What you’re looking at are parts for a motorcycle made from algorithms in Autodesk’s software. According to Autodesk’s resident futurist Jordan Brandt, computers can help you create the ideas in your head faster and better.
Whether designing a building or a trashcan with certain criterion and aspects we want, computers with algorithms can help design them better because unlike people, computers have no bias. They simply have the goal to make what you want. “But a machine-Autodesk’s software, in this instance-is an unbiased agent.”[It’s] simply looking to optimize the criteria we set forward”.

With Autodesk’s algorithmic software, lighter and more organic looking motorcycle parts can be made. Not only will they make the bike perform better, but also look better. The software can also be used to design much better and smaller lattice structures for medical applications; working far better compared to other medical lattice structures that exist.

I find it interesting and inspiring that parts for machines and bodies that look so artistic and organic can also perform better than other parts. I used to believe that art and strength cannot mix well together. Either it be artistic and fragile or ugly and sturdy. I think it’s great that Autodesk is finding a way to bridge the gap between art and function along with man and machine. It will help creators out there to create.

Sheenu You-Project 03-Dynamic Drawing

sketch

//Sheenu You
//Section E
//Project-04
//sheenuy@andrew.cmu.edu
function setup() {
    createCanvas(400, 300);
    strokeWeight(2);
}

function draw() {
	background(0);
	//Line 1
	for (var i = 20; i <400; i+= 20) {
		stroke("yellow");
		line(0,i,i*mouseX/5,400);
		line(400,i,i*mouseX/5,0);
	}
	//Line 2
	for (var b = 10; b<600; b+=5){
		strokeWeight(1);
		stroke("red");
		line(0+b,0,0+b,300);
	}
	//Line 3
for (var a = 20; a <400; a+= 10) {
		stroke("blue");
		line(0,a,a,400);
		line(400,a,a,0);
	}
}

This project was a little bit tough since I had a lot of ideas and I really didn’t know which one to pick and how to actually make it happen. Some ideas were too overambitious and exceed the boundaries of my knowledge in P5. I was experimenting with lines and how variables affected them and made this discovery when I put two lines together and divided one of the lines’ X-coordinate by 2. It really reminded me of geometric 80’s art, so I picked a hot pink for the lines and a dark blue/purple for the background. The colors switch for the lines and background just to make it more interesting. I really love this and it looks like I am looking at a wave or a cylinder. It was really a great and also surprisingly simple discovery.