Category: SectionC

SooA Kim: Project-05-Wallpaper

sookim_wallpaper

/* SOOA KIM
SECTION C
sookim@andrew.cmu.edu
project-05
*/

function setup() {
    createCanvas(600, 600);
    noStroke();
}
 
function draw() {
    background("pink");

    //white rectangle
    for (var px = 0; px < height; px += 300) {
        for (var py = 0; py < height; py += 200) {
            fill (255);
            rect(px + 100, py, 200, 100);
        }
    }
//lavender square
    for (var rx = 0; rx < height; rx+= 200) {
        for (var ry = 100; ry < height; ry += 200) {
            fill(184, 186, 215); 
            rect(rx, ry, 100, 100);
        }
    }

    for (var ty = 50; ty < height + 50; ty += 200) {
        for (var tx = 50; tx < height + 50; tx += 200) {
            fill(45, 44, 119); //blue circle
            arc(tx, ty, 100, 100, HALF_PI, PI + HALF_PI);
            fill(225, 99, 58); //oraange circle
            arc(tx, ty + 100, 100, 100, PI + HALF_PI, HALF_PI);
            fill(255); //white circle
            arc(tx + 100, ty + 50, 100, 100, TWO_PI, PI);
        }
    }
   
    //two squares
    for (var ox = 50; ox < height; ox += 400) {
        for (var oy = 50; oy < height; oy += 200) {
            fill(0); 
            rect(ox + 50, oy, 50, 50);
            rect(ox + 100,oy - 50, 50, 50);
        }
    }

    noLoop(); 
}

For this project, I tried to make a wallpaper based on this minimalist pattern from the Bauhaus movement.

Fanjie Jin – Looking Outwards – 05

Phillips Exeter Academy Library Vray Render by Alex Roman

This image is rendered by Vray which is a computer based rendering software. The level of details and nuances rendered in this picture has made it just like a realistic photo. Alex Roman is really interested in using computer based render software to create some atmosphere in a building that we can’t really perceive by eyes in the real world. For example in this image, the lighting beam has casted a really dramatic light to the corner of the building and yet in the real world, this type of lighting condition can never really occurs. I really admire him in that he has used the computer based render software to portrait and visualize some dramatic and illusional lighting quality. In the rendered image, the boundary between real and unreal is blurred., I am incredibly impressed by the realistic attributes of this piece and as an architecture student, I wish I can create some renders as astonishing as this.

Carly Sacco – Project 05 – Wallpaper

sketch

//Carly Sacco
//Section C
//csacco@andrew.cmu.edu
//Project 5: Wallpaper

function setup() {
	createCanvas(400,500);
}

function draw() {

	background(145, 185, 217);
		
	fill(255); //white rectangles
	noStroke();
	for(var x = 0; x < 100; x = x + 1) {
		rect(x, 20, width, 25); //top two white lines
		rect(x, 100, width, 100);
		
		rect(x, 440, width, 25); //bottom two white lines
		rect(x, 300, width, 100);
}

	fill(178, 206, 219); //blue rectangles
	noStroke();
	for(var y = 0; y < 100; y = y + 1) {
		rect(x + 50, y, x, 25); //top set of three rectangles
		rect(x + 200, y + 50, x, 25);
		rect(x - 100, y + 50, x, 25);
		
		rect(x + 50, y + 205, x, 25); //middles set of rectangles
		rect(x + 200, y + 250, x, 25);
		rect(x - 100, y + 250, x, 25);
		
		rect(x + 50, y + 420, x, 25); //bottom set of rectangles
		rect(x + 200, y + 470, x, 25);
		rect(x - 100, y + 470, x, 25);
}

	stroke(186, 191, 194); //grey line set
	line(125, 0, 125, 500);
	line(275, 0, 275, 500);
	line(115, 0, 115, 500);
	line(135, 0, 135, 500);
	line(265, 0, 265, 500);
	line(285, 0, 285, 500);

	stroke(214, 120, 145); //pink
	line(0, 30, 500, 30); //top set of three pink lines
	line(0, 20, 500, 20);
	line(0, 45, 500, 45);
	
	line(0, 440, 500, 440); //bottom set of pink lines
	line(0, 450, 500, 450);
	line(0, 465, 500, 465);
}

The inspiration for my wallpaper were different types of line types that were abstracted. Therefore, I used dotted lines, different line thicknesses, and different colored lines.

Carly Sacco – Looking Outwards – 05

An image from Machine Hallucination at ARTECHOUSE in New York City.

Machine Hallucination by Refnik Anadol has recently debuted in New York City at ARTECHOUSE in New York City. This exhibit uses machine learning algorithms on a data set of images of architectural styles and movements. The result reveals the correlation between moments in architectural history.  The images produced help visually represent moments in a city that may have gone unnoticed to the user prior. Fluid motions are used to represent how city movements are continuous and the images projected on them help show how complex cities are.

Refnik Anadol is a media artist,  director,  and entrepreneur in the aesthetics of machine learning. This project allowed him to merge his traits and compose an exhibit that was rooting in machine learning but has an artistic execution of the data collected. He presents a new way to look at images from a city by showing viewers what they’ve already seen but in a fluid, continuous memory.

Jai Sawkar – Looking Outwards – 05

Digital render of a 3D-printed jaw implant by Deviaene

We often associate 3D Computer Graphics with video games; however, this week, I found out that designers are beginning to make medical implants through video game development software!

The above work is done by Sebastiaan Deviaene; he has begun using digital tools usually reserved for video game developers to create 3D-printed implants for bone reconstruction. Using a 3D scan of the patient, he was able to reconstruct both an original jaw and a redesigned implant to fit the jaw perfectly.

In order to fabricate the implant, he used Electron Beam Melting. Through the process, from examining the patient all the way to delivering the implant, Sebastiaan was able to do the work completely remotely.

Having had intensive education in the realm of using 3D modeling, I believe this is a completely viable and more precise method for creating implants like this, and I am very excited to see what the future holds in this field.

Link

Jai Sawkar Project 05 – Wallpaper

Sketch

//Jai Sawkar
//Section C
//jsawkar@andrew.cmu.edu
//Project-04 


function setup() {
    createCanvas(400, 600); 
    background('#b3b1aa')
    noLoop()

}

function draw() { 
   
  for (var x = 0; x < width; x += 4){ //Background Sky
    for (var y = 0; y < 45; y += 5){
        
        fill('#bcc0c4')
        noStroke()

        fill('#0a293d')
        ellipse(x * 2, y * 2, 10, 10)

        push()
        fill('#071e2c')
        translate(0, 50)
        ellipse(x * 2, y * 2, 10, 10)
        pop()
        push()
        fill('#0a293d')
        translate(0, 100)
        ellipse(x * 2, y * 2, 10, 10)
        pop()
        push()
        fill('#0c354e')
        translate(0, 150)
        ellipse(x * 2, y * 2, 10, 10)
        pop()
        push()
        fill('#0f405f')
        translate(0, 200)
        ellipse(x * 2, y * 2, 10, 10)
        pop()
        push()
        fill('#124c70')
        translate(0, 250)
        ellipse(x * 2, y * 2, 10, 10)
        pop()
        push()
        fill('#155781')
        translate(0, 300)
        ellipse(x * 2, y * 2, 10, 10)
        pop()
        push()
        fill('#176392')
        translate(0, 350)
        ellipse(x * 2, y * 2, 10, 10)
        pop()
        push()
        fill('#1a6ea2')
        translate(0, 400)
        ellipse(x * 2, y * 2, 10, 10)
        pop()
        push()
        fill('#1d7ab3')
        translate(0, 450)
        ellipse(x * 2, y * 2, 10, 10)
        pop()
        push()
        fill('#1f85c4')
        translate(0, 500)
        ellipse(x * 2, y * 2, 10, 10)
        pop()
        push()
        fill('#2291d5')
        translate(0, 550)
        ellipse(x * 2, y * 2, 10, 10)
        pop()
        
    }
 } 

fill('#deddd5') //moon color
noStroke()
ellipse(width/2, 50, 100) //moon

for (var x = 0; x < 500; x += 40){ //mountains
        
        var mountainColor = random(80, 94)
        var top4 = random(200, 250)

        fill(mountainColor) //darker tree color
        triangle(x - 60, height, x + 60, height, x, height - top4) //third row of trees
}

for (var x = 0; x < 500; x += 20){ //tree 3
        
        var top3 = random(90, 100)

        fill('#142414') //darker tree color
        triangle(x+10, height-60, x+40, height - 60, x + 25, height - top3) //third row of trees
}

for (var x = 0; x < 500; x += 20){ //tree 2
        
        var top2 = random(80, 95)

        fill('#1b361b') //darker tree color
        triangle(x-10, height-40, x+30, height - 40, x + 10, height - top2) // Second Row of Trees
}
fill(0,0,0, 150); //blackish
rect(0, height-30, width, height); //darkness beneath trees
    
for (var x = 0; x < 500; x += 20){ //tree front
    for (var y = 0; y < 1; y += 1){
        
        var T = sqrt(3)/2
        var top = random(75,90)
        
        fill('#422d1c') //brown
        rect(x + 10, height - 45, 10, 45) //tree stumps
        fill("#244024"); //tree color
        triangle(x, height-30, x + 30, height - 30, x + 15, height - top) //trees
        stroke('#1c2e1c');
        line(x -1 , height - 31, x + 15, (height - top) + 1); //line for tree depth

        noStroke()
}
}
}

When beginning this project, I had no clue what I wanted my wallpaper to be. I turned to my friend and noticed a landscape as the background of his. I enjoyed its aesthetic and decided to portray the Pacific Northwest in Wallpaper-format.

Initial Concept Sketch

Austin Garcia – Looking Outwards – 05 – Section C

Roman Bratschi “Nonsense in 3D”

Roman Bratschi specializes in creating organic 3D graphics. I was drawn to his style due to the juxtaposition between the shiny computer-graphic quality and the natural forms present in his work. Through working both with form as well lighting and texture, Bratschi is able to achieve an impressive, surrealistic quality with his work.

Austin Garcia – Project 05 – Section C

sketch

/*		Austin Garcia
		Section C
		aegarcia@andrew.cmu.edu
		Project-05
*/

var s = 20

function setup() {
    createCanvas(600, 600);

}

function draw() {
    background(100)


    strokeWeight(10)
    fill(50)

    //background
    for (var i = 0; i <= width; i += width / 20) {
        for (var l = 0; l <= height; l += 40) {
            rect(i, l, width / 20, height)
        }
    }

    // base circles
    for (var x = 0; x <= width; x += s * 2) {
        for (var y = 50; y <= height; y += s * 4) {
          ellipse (x, y, 40, 40)
          fill(y / 2, x / 2, y * 3)
        }
    }
    //blue circles
    for (var x = 20; x <= width; x += s * 2) {
        for (var y = 50; y <= height; y += s * 4) {
          ellipse(x - 5, y - 5, 10, 20)
        }
    }
    for (var x = 20; x <= width; x += s * 2) {
        for (var y = 50; y <= height; y += s * 4) {
          ellipse(x + 5, y - 5, 10, 20)
        }
    }
    //inner  circles creating curves of 'potions'
    for (var x = 20; x <= width; x += s * 2) {
        for (var y = 50; y <= height; y += s * 4) {
          ellipse(x - 5, y - 5, 5, 10)
        }
    }
    for (var x = 20; x <= width; x += s * 2) {
        for (var y = 50; y <= height; y += s * 4) {
          ellipse(x + 5, y - 5, 5, 10)
        }
    }
    for (var x = 20; x <= width; x += s * 2) {
        for (var y = 50; y <= height; y += s * 4) {
          ellipse(x, y + 10, 15, 10)
        }
    }
    //shelves
    for (var i = 0; i <= width / 20; i += width / 20 * 2) {
        for (var l = 0; l <= height; l += 40 * 2) {
            rect(i, l - 15, width, 20)
            fill(101, 67, 33)
            strokeWeight(0)
        }
    }
    //bubbles
    for (var x = 4; x <= width; x += s * 2) {
        for (var y = 20; y <= height -100; y += s * 4) {
          ellipse (x, y, 5, 5)
          fill(225)
          strokeWeight(0)
        }
    }
    for (var x = -2; x <= width; x += s * 2) {
        for (var y = 15; y <= height -100; y += s * 4) {
          ellipse (x, y, 4, 4)
          fill(225)
          strokeWeight(0)
        }
    }
    for (var x = 0; x <= width; x += s * 2) {
        for (var y = 25; y <= height - 50; y += s * 4) {
          ellipse (x, y, 6, 6)
          fill(225)
          strokeWeight(0)
        }
    }





}

I was playing around with patterns and realized I had created a potion looking form by layering circles. I decided to add a background and bubbles coming up from the potions as well as potion racks to finish off the pattern

Jasmine Lee – Project 05 – Wallpaper

sky

//Jasmine Lee
//jasmine4@andrew.cmu.edu
//Section C
//Project 5 (Sky)

function setup(){
    createCanvas(600, 600);

    //dark-blue background
    background(17, 35, 94);

    //short star trail
    for(var a = 0; a < 701; a += 100){
        for(var b = 0; b < 701; b += 100){
            noStroke();
            fill(255, 255, 255);
            ellipse(a, b, 3, 3);
            ellipse(a + 4, b + 4, 1, 1);
        }   
    }

    for(var c = 25; c < 701; c += 100){
        for(var d = 25; d < 701; d += 100){

            //long star trail
            fill(255, 255, 255);
            ellipse(c, d, 3, 3);
            ellipse(c + 20, d + 10, 2, 2);
            ellipse(c + 25, d + 15, 1, 1);
            ellipse(c + 30, d + 15, 1, 1);
            ellipse(c + 10, d + 20, 1, 1);
            ellipse(c + 5, d + 10, 2, 2);


            //ufo ship glass
            fill(255, 255, 255, 100);
            ellipse(c + 15, d + 20, 30, 30);
            fill(208, 255, 161, 200);
            //ufo ship beam
            triangle(c + 15, d + 22, c + 5, d + 70, c + 25, d + 70)
            fill(161, 222, 255);
            //ufo ship body
            ellipse(c + 15, d + 22, 40, 15);

            //alien
            fill (122, 39, 163);
            ellipse(c + 15, d + 20, 12, 17);
            ellipse(c + 10, d + 10, 4, 4);
            ellipse(c + 20, d + 10, 4, 4);
            fill (0);
            ellipse(c + 12, d + 17, 3, 3);
            ellipse(c + 17, d + 17, 3, 3);

            //ufo ship lights
            fill(245, 205, 73);
            ellipse(c, d + 23, 5, 5);
            ellipse(c + 10, d + 25, 5, 5);
            ellipse(c + 20, d + 25, 5, 5);
            ellipse(c + 30, d + 23, 5, 5);

            //small cloud
            fill(255, 255, 255, 50);
            ellipse(c + 30, d, 20, 10);
            ellipse(c + 35, d, 20, 15);
            ellipse(c + 40, d, 20, 10);

            //big cloud
            fill(255, 255, 255, 120);
            ellipse(c + 10, d + 40, 40, 15);
            ellipse(c + 15, d + 35, 30, 20);
            ellipse(c + 20, d + 40, 40, 15);
        }
    }


}

For my wallpaper, I was inspired by classic children’s designs. I decided to create a alien-themed wallpaper and the starry sky. With this project, I enjoyed playing around with the transparency of the elements in order to depict the clouds. In my sketch, I arranged how I wanted my elements to appear before actually coding it.

A sketch, on grid paper, of the repeating pattern of ellipses.

Sarah Kang – project 05 – Wallpaper

wallpaper

//sarah kang
//section c
//sarahk1@andrew.cmu.edu
//project-05-wallpaper

function setup() {
    createCanvas(600, 600);
}

function draw() {
    background(255, 207, 207);

    for (var y = 55; y < height + 100; y += 150) {
        for (var x = 55; x < width + 100; x += 150) {
            noFill();
            strokeWeight(7);
            stroke(31, 0, 97);
            rect(x, y, 40, 40); // thick purple squares

            strokeWeight(2);
            rect(x - 10, y - 10, 60, 60); // thin purple squares

            stroke(211, 240, 238);
            noFill();
            rect(x - 70, y - 70, 30, 30); // light blue squares

            fill(211, 240, 238);
            ellipse(x -  55, y - 55, 10, 10); // light blue circles
        }
    }

    for (var y = -70; y < height - 20; y += 150) {
        for (var x = -70; x < width - 20; x += 150) {
            noFill();
            strokeWeight(4);
            stroke(255, 254, 207);
            rect(x, y, 140, 140); // big yellow squares
        }
    }
}

For this wallpaper, I wanted to see what kind of graphics I could make by layering simple geometries such as squares.

initial sketch