I am inspired by the project, Material studies: Snow by Jarron Hasenjager. This piece of 3d graphic art shows the steps of creating a realistic looking snow on a 3d program. The algorithm has so many layers to it to make a white sphere look like a realistic snowball. The creator not only had to explore what to do to achieve a realistic look on snow but also needed to know which steps to take in a certain order and that needed artistic sensibility as well as technological understanding of 3d graphics. The ability of 3d rendering and how realistic it can be fascinates me and makes me want to study 3d graphics.
var idx1;
var idx2;
var idy1;
var idy2;
var iNumLines=60;
var ox;
var oy;
var ox2;
var oy2;
function setup() {
createCanvas(400, 300);
background(0);
idx1=100/iNumLines;
idx2=200/iNumLines;
idy1=100/iNumLines;
idy2=200/iNumLines;
r=70;
r2=0.3;
ox=width/2;
oy=height/2;
ox2=width;
oy2=height;
}
function draw() {
fill(200,0,0)
//lightening
var ix1=150;
var ix2=300;
var iy1=130;
var iy2=80;
strokeWeight(1);
for (var i=0;i<=iNumLines;i+=1){
stroke(255,20,147); //deep pink
line(ix1+=idx1,iy1-=idy1,ix2-=idx2,iy2+=idy2);
}
noLoop();
//vertical hole
//loop over 2pi and the origin circulates.
for (var t=0;t<=360;t+=4){
strokeWeight(2.5);
stroke(255,250,205); //lemon
line(-30+ox+ox2*r2*Math.cos(radians(t)), 170+oy2*r2*Math.sin(radians(t))-5,
-30+ox+ox2*r2*Math.cos(radians(t)),150+oy2*r2*Math.sin(radians(t))+5);
}
noLoop();
//horizontal hole
//loop over 2pi and the origin circulates.
for (var t=0;t<=360;t+=4){
stroke(0,206,209); // turquoise
line(30+ox+5+ox2*r2*Math.cos(radians(t))-5, 170+oy2*r2*Math.sin(radians(t)),
30+ox+5+ox2*r2*Math.cos(radians(t))+5,150+oy2*r2*Math.sin(radians(t)));
}
noLoop();
//middle circle
strokeWeight(1);
//loop over 2pi
for (var theta=0;theta<=360;theta+=10){
//change origin 10 times
for (var change=0; change<=10;change+=10){
stroke(255);
line(ox+change+r*Math.cos(radians(theta)),oy+r*Math.sin(radians(theta)),
ox+change-r*Math.cos(radians(theta)),oy-r*Math.sin(radians(theta)));
}
}
noLoop();
}
Sugarcube is a generative art project by Amanda Ghassaei that uses MIDI and MaxMSP. The project uses real life movement and generates sounds. I suppose that the project uses hardware to track the movement of MIDI and generates a certain pattern of sound using algorithm. The creator puts together her artistic sensibility with an existing generative nature of MIDI pad to create a great generative piece. The project also has the same hardware as normal MIDI pads which makes the project very practical. It is also impressive that the MIDI pad connects to MaxMSP, the program and lets you control sound on your computer.
This project is called Mygenchair by Teemu Seppänen An and it produces a random chair with different design every time with existing dataset of chair designs. The random and creative nature inspires me because it is continuously creating creative designs while not being creative. This program lets the computer, which has no creativity do creative work just with existing data sets. The algorithm is very complex because it creates a 3d object in great detail. The creator uses eiganface algorithm to identify the similarities and differences in chairs to auto generate chaid designs. Also, since the program subdivides mesh faces, the creator is able to create small details in design which adds complexity to normal 3d art. The creator’s artistic work can also be applied in real life very easily if he 3d prints the objects. The program is very impressive because it does the job of what multiple people would do: brainstorms, creates design, and produces.
//Alicia Kim
//Section B
var r = 80;
var angle = 0;
function setup() {
createCanvas(450, 600);
background(220);
}
function draw() {
noStroke ();
//limiting y from 0 to 600
var y = max(min(mouseY, 600), 0);
// as y increases background gets lighter
background (255*y/650);
//top ellipse
fill (255,232,124); // star yellow
ellipse (width/2,37.5,25,25);
//trunk
fill (58.8,29.4,0); // brown
rect(width/2-17.5,65,35,450);
//leaves
// as y increases, size of the leaves increases & y position changes
push();
// higher the y, leaves get darker
fill (157-120*y/650,205-140*y/650,143-120*y/650); //frog
triangle(width/2, 50, width/3, 120, 2/3*width,120);
translate (-45*y/650,-25*y/650);
scale (1+0.2*y/650);
triangle(width/2, 50+65*y/650, width/3-8*1/3*y/650,
120+55*y/650, 2/3*width+8*1/3*y/650, 120+55*y/650);
translate (-45*y/650,-25*y/650);
scale (1+0.2*y/650);
triangle(width/2, 50+95*y/650, width/3-12.121212*y/650, 120+100*y/650,
width*2/3+12.121212*y/650, 120+105*y/650);
translate (-45*y/650,-25*y/650);
scale (1+0.2*y/650);
triangle(width/2, 50+140*y/650, width/3-15.68627*y/650, 120+150*y/650,
width*2/3+15.68627*y/650, 120+150*y/650);
translate (-45*y/650,-25*y/650);
scale (1+0.2*y/650);
triangle(width/2, 50+175*y/650, width/3-18.05956*y/650, 120+185*y/650,
width*2/3+18.05956*y/650, 120+185*y/650);
pop();
//ornaments
// higher the y, more ornaments appear
if (y>125){
fill (251,209,225); // ornaments pink
ellipse (width/2-10,88,25,25);
}
if (y>165){
fill (255,232,124); // ornaments yellow
ellipse (width/2+27,138,25,25);
}
if (y>210){
fill (255,218,173); // ornaments orange
ellipse (width/2,200,25,25);
}
if (y>270){
fill (250,128,114); // ornaments salmon
ellipse (width/3,220,25,25);
}
if (y>330){
fill (255,232,124); // ornaments yellow
ellipse (width/2-8,300,25,25);
}
if (y>390){
fill (255,218,173); // ornaments orange
ellipse (width-width/3,280,25,25);
}
if (y>440){
fill (255,232,124); // ornaments yellow
ellipse (width/3,360,25,25);
}
if (y>495){
fill (251,209,225); // ornaments pink
ellipse (width/2+14,400,25,25);
}
if(y>550){
fill (250,128,114); // ornaments salmon
ellipse (width-width/4,420,25,25);
fill (255,218,173); // ornaments orange
ellipse (width/4,450,25,25);
}
}
The generative art piece that inspired me was Aaron Koblin’s project called Flight Patterns. This piece of art is created by parsing FAA data and creates different lines and colors according to flight paths. This project is impressive not only because of the technology and algorithm put into it but also the presentation of different colors and how he made multiple days worth of flights into one photo. Especially the intersections between flight paths generate a big spectrum of colors of light and as well as more tones. I suppose that he parsed multiple days of FAA data and made it into a single data piece and the colors represent different time, generating a large spectrum of colors. The different colors for different time was very intentional and generated a beautiful combination of brightness and tone. The creator’s ability to program and analyze data boosted his artistic ability to create this great piece.
![[OLD SEMESTER] 15-104 • Introduction to Computing for Creative Practice](../../../../wp-content/uploads/2023/09/stop-banner.png)
