Month: September 2016

Naomi Shimada – Project 01 – Face

Being a first time coder, this project was difficult.  However, by the end of the program I got into a rhythm and felt much more comfortable with the coding.

Screen Shot 2016-09-02 at 9.39.29 PM
(For some reason I couldn’t figure out the photo wouldn’t load, so above is a screenshot.)

 

sketch

function setup() {
    createCanvas(1000, 1000);
    background(0);
}

function draw() {
	
       fill(83,39,5);              //hair
    ellipse(500,500,800,2000);
    
       strokeWeight(0);
       fill(229,171,110);             //face
    ellipse(450,360,500,600);
    
        strokeWeight(0);
        fill(255);
    ellipse(350,300,90,70);         //white of the eye, right
    
        strokeWeight(0);
        fill (159,56,19);           //brown
    ellipse(350,300,50,50);
    
        strokeWeight(0);
        fill(255);
    ellipse(550,300,90,70);           //white of the eye, left
    
        strokeWeight(0);
        fill (159,56,19);             //brown
    ellipse(550,300,50,50);
        
        strokeWeight(0);
        fill(217,155,88);         //bridge of the nose
    triangle(450,300,475,420,405,420); 

        strokeWeight(0);
        fill(251,169,209);                   //cheek L
    quad(500,380,590,380,590,450,500,450);
  
        strokeWeight(0);
        fill(251,169,209);                   //cheek R
    quad(280,380,380,380,380,450,280,450);

        fill(83,39,5);                //hair swoop
    ellipse(400,100,530,200);

        strokeWeight(10);           //Right eyebrow 1
        stroke(83,39,5); 
    line(400,255,375,245);
        
        strokeWeight(10);           //Right eyebrow 2
        stroke(83,39,5); 
    line(375,245,335,245);

        strokeWeight(10);           //Right eyebrow 3
        stroke(83,39,5); 
    line(335,245,300,255);

        strokeWeight(10);           //Left eyebrow 1
        stroke(83,39,5); 
    line(500,255,525,245);
        
        strokeWeight(10);           //Left eyebrow 2
        stroke(83,39,5); 
    line(525,245,565,245);

        strokeWeight(10);           //Left eyebrow 3
        stroke(83,39,5); 
    line(565,245,595,255);

        fill(226,52,123);            //barrett 1
    ellipse(800,225,100,100);

        stroke(226,52,123);
        fill(226,52,123);            //barrett L
    triangle(850,225,890,160,910,270);

        stroke(226,52,123);
        fill(226,52,123);            //barrett R
    triangle(750,242,690,200,710,320);
         
         strokeWeight(0);          //lower lip
         fill(201,2,77);
    quad(360,520,540,520,500,550,400,550);

         strokeWeight(0);         //upper lip R
         fill(201,2,77);
    triangle(360,520,420,490,455,520);
 
         strokeWeight(0);         //upper lip L
         fill(201,2,77);
    triangle(540,520,470,490,440,520);

         strokeWeight(0);         //neck
       fill(229,171,110); 
    rect(375,630,150,200);
       
       strokeWeight(0);         //body
       fill(128,30,80); 
    ellipse(480,980,660,400);

       // stroke(83,39,5);
       // strokeWeight(10);  
    //ine(350,80,800,400);

       // stroke(83,39,5);
       // strokeWeight(10);  
   // line(370,80,800,300);

     
    
}

Shannon Case Project-01-Face

Shannon’s Self Portrait

//Shannon Case
//scase@andrew.cmu.edu
//section D
//this program creates my self portrait

function setup() {
    createCanvas(600,600);
    background(random(0,255),random(0,255),random(0,255)); 
    //creates background that changes each time the page loads
    
}

function draw() {
	noStroke(); // makes sure the shapes have no outline
	fill('tan');
	rect(280,550,20,60);
	rect(320,550,20,60); //creates my legs

	fill('brown');
	rect(200,150,200,200); //creates hair
    ellipse(300,100,215);

	fill('red');
    triangle(100,550,300,150,500,550); //creates red dress

	fill('tan');
	ellipse(300,150,200); //creates my head

	ellipseMode(RADIUS);  // Set ellipseMode to RADIUS
    fill(255);  // Set fill to white
    ellipse(275,130,15);  //

    ellipseMode(CENTER);  // Set ellipseMode to CENTER
    fill('blue');  // Set fill to blue
    ellipse(275,130,15);

    ellipseMode(RADIUS);  // Set ellipseMode to RADIUS
    fill(255);  // Set fill to white
    ellipse(325,130,15);  //

    ellipseMode(CENTER);  // Set ellipseMode to CENTER
    fill('blue');  // Set fill to blue
    ellipse(325,130,15);

    //^^ creates my eyes

	noFill();
	stroke(0);
	curve(225,130,275,200, 325, 200, 375,130); //creates smily face
 
    
}

For this project I played around with shapes, layering them on top of each other in order to create a stylized figure of myself. I chose to portray myself in my favorite red dress, and smiling because it makes me happy to try coding!!

Brian-Looking Outwards-1

81woVfdyPiL._SX466_

Before I took this course, I knew nothing and no one about “new” or digital art/practitioners in this field. That’s part of why I took this course, I suppose, to broaden my horizons. That being said, I am reminded of the program that was for me, my first entry into the realm of digital design: Kid Pix. Specifically, Kid Pix 3. I looked for an image of Kid Pix 3, but for some reason the higher quality ones I found were linked to Eastern European websites that were also advertising, well, some pretty nasty things. It was a startling reminder of the loss of innocence we all experience. Anyway, I used am image of Kid Pix 4.

vtavarez LookingOutwards1

Several people worked on this piece of performance art. The Freckledsky team consisted of producers Val Siganevich, Natalia Siganevich, and Katya Korobko. The Art Direction team included Oleg Bodnarchuk and Front Pictures studio. The dances were choreographed by Olga Goldys and Maxeknyi. The dancers consisted of Olga Sokolova and Jalen Preston. The technical director was Natalka Zheludova. The video engineer was Front Pictures studio.

These artist used Screenberry technologies (produced by Front Pictures Studios). Front Pictures Studios has been on the forefront of multimedia innovations for years. The technologies they used in this video uses large, high resolution projections to deliver immersive visual effects. I believe the artist and technicians were inspired by story telling and technological immersion.

This project is an example of the usage of multimedia for enhancing the fine arts. Here we see live performance (dance) improved by the technological advances of Front Pictures technology. On the negative side, the technology does not look as intuitive for the common user.

Charlie-self portrait-1

sketch

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

function draw() {
	background(57,57,57);
    noStroke();
    var c = color(255,255,255);
    fill(c);
    rect(235,246,11,114);
    rect(235,376,11,51);
    rect(249,224,11,136);
    rect(249,369,11,39);
    rect(249,433,11,19);
    rect(265,203,11,150);
    rect(265,359,11,52);
    rect(265,419,11,14);
    rect(265,450,11,14);
    rect(283,186,11,157);
    rect(282,349,11,151);
    rect(304,173,11,161);
    rect(304,340,11,200);
    rect(326,160,11,156);
    rect(326,325,11,11);
    rect(326,342,11,222);
    rect(347,152,11,152);
    rect(347,314,11,29);
    rect(347,351,11,42);
    rect(347,401,11,180);
    rect(371,146,11,150);
    rect(371,306,11,41);
    rect(371,354,11,35);
    rect(371,401,11,23);
    rect(371,431,11,162);
    rect(394,143,11,143);
    rect(394,297,11,51);
    rect(394,354,11,37);
    rect(394,405,11,16);
    rect(394,431,11,172);
    rect(414,145,11,137);
    rect(414,290,11,51);
    rect(414,349,11,48);
    rect(414,406,11,16);
    rect(414,427,11,103);
    rect(414,545,11,62);
    rect(437,164,11,113);
    rect(437,286,11,51);
    rect(437,345,11,146);
    rect(437,496,11,31);
    rect(437,550,11,62);
    rect(457,178,11,96);
    rect(457,283,11,48);
    rect(457,337,11,160);
    rect(457,504,11,22);
    rect(457,551,11,59);
    rect(477,192,11,79);
    rect(477,280,11,44);
    rect(477,329,11,78);
    rect(477,413,11,78);
    rect(477,494,11,29);
    rect(477,540,11,58);
    rect(495,210,11,66);
    rect(495,284,11,30);
    rect(495,320,11,75);
    rect(495,403,11,13);
    rect(495,422,11,149);
    rect(511,244,11,31);
    rect(511,284,11,22);
    rect(511,313,11,68);
    rect(511,395,11,15);
    rect(511,417,11,108);
    rect(526,288,11,16);
    rect(526,310,11,71);
    rect(526,391,11,103)
    rect(539,297,11,8);
    rect(539,311,11,30);
    rect(511,299,11,42);
    rect(563,306,11,39);
    rect(576,312,11,37);
    rect(588,318,11,33);
    rect(600,330,11,20);
    rect(551,300,11,42);

    noStroke();
    fill(158,40,40);
    ellipse(438,218,72,72);



}

Brian-Project1-“face”

sigh...

I dunno. I took a nap and woke up and looked in the mirror and looked kinda stupid so I just kinda went with that. And I used a mix of black and white and random colors, I guess because I heard somewhere that men tend to dream in black and white and I had just woken up from that nap. So I was still kind of in the black and white world, but not entirely. Perhaps if I knew how to do gradients, I’d do something with that.

 

//Brian Bizier
//Section C
//bbizier@andrew.cmu.edu
//Project-01

function setup() {
createCanvas(601, 801);
background(255,255,204);
}

function draw() {
strokeWeight(3);
fill(255);
ellipse(301,401,601);
fill(0);
ellipse(203,303,75);
fill(0);
quad(407,270,570,270,423,420,501,270);
fill(31,255,40);
ellipse(301,551,200,150);
fill(255,30,42);
rect(321,351,40,40,15);
line(151,151,251,251);
line(401,251,481,221);
}

Charlie-looking outwards-1

This particular project, called “Airflow”, is future of gaming and entertainment. Developed by Mindride, a company famous for creating unique immersive experiences, “Airflow” is a VR ride that suspends participants in air and simulates the feel of flight by incorporating a virtual reality headset and wind.
vr ride
This project caught my attention because it shows the growth of the gaming industry as it gradually moves out of the bounds of controllers and keyboards to something that involves the movement of the entire body. For example, during the gameplay, the user will move his arm backwards for speed up, throw his arms forwards to slow down, and change flight direction by adjusting his arms and head position.

I think this is also a great step forwards for VR, because until now, virtual reality had been seen as a gimmick with lackluster games and limited usability. While I do not see the likes of “Airflow” being available for consumers anytime soon, I believe this is a great concept that the gaming industry should learn from to move forwards.

Brandon Darreff – Looking Outwards – 1

I chose the project inter(e)scapes GLOW by the company SHO in collaboration with ULR Studio which was presented to me by one of my professors, a collaborator on the installation, Gregory T. Spaw. I admire how the project team focused on mimicking a natural element like prairie grass through digital fabrication to start to integrate the technological and natural words. The collaborative project team was comprised of between ten and fifteen people from both studios which worked together in pairings throughout various phases, including pre-planning, design, fabrication, and finally installation.

In order to achieve the desirable response to the implemented system, a custom interactive software and imaging system was developed to react to surrounding kinetic energy and forces such as wind, human touch, and shifting of weight on the ground surrounding the installation. I feel the integration of response to both human and natural forces increases this project’s potential because there is more activity in the system even when individuals are not present.
I think this project begins to hint at further, large scale integration between technology and the natural environment to develop interesting spatial experiences for users.

 

Project Link: http://www.sh-o.us/intr-e-scapes-GLOW-2015

DSC06845_2_1500

Intr(ə)Scapes @ Georgetown GLOW 2015 from SHO Architecture on Vimeo.

James-01-face

My face in ellipses. Even with 20 ellipses, I never came close. At the very least, there is a hint of a smile!


James_SelfPortrait

function setup() {
    createCanvas(200, 175);
    background(135);

}

function draw() {

    //hair
    fill(0);
    ellipse(100, 80, 115, 130);
    //neck
    fill(175, 135, 0);
    stroke(110);
    rect(70, 145, 60, 40);
    //face
    fill(175, 135, 0);
    noSmooth();
    stroke(110);
    strokeWeight(1);
    ellipse(100, 100, 100, 130);
    //lashes
    fill(0);
    noStroke();
    ellipse(75, 91, 25, 10);
    ellipse(125, 91, 25, 10);
    //more hair
    fill(0);
    noStroke();
    ellipse(100, 40, 75, 52)
    //eyes
    fill(222);
    ellipse(75, 93, 25, 10);
    ellipse(125, 93, 25, 10);
    fill(45);
    ellipse(75, 92, 9, 9);
    ellipse(125, 92, 9, 9);
    //nose
    fill(0)
    ellipse(95, 121, 10, 10);
    ellipse(105, 121, 10, 10);
    ellipse(100, 122, 15, 15)
    fill(200, 135, 0);
    noStroke();
    ellipse(100, 110, 10, 30);
    ellipse(100, 121, 15, 15);
    fill(200, 135, 0);
    noStroke();
    ellipse(94, 120, 10, 10);
    ellipse(106, 120, 10, 10);
    //mouth
    fill(0);
    noStroke();
    ellipse(100, 138, 30, 6);
    fill(175, 135, 0);
    noStroke();
    ellipse(100, 135, 30, 9);
    //ears
    fill(175, 135, 0);
    noStroke();
    ellipse(50, 100, 15, 30);
    ellipse(150, 100, 15, 30);



	

}

Isabella Hong-Looking Outwards-01

The Basel School of Design has created a six day long workshop that is designed to expose students to other fields of study, ones that supplement their main areas of interest well. The workshop focuses on layout & design, drawing, and interaction. On the fifth day of the workshop, the students use the new skills that they have acquired to merge elements of typography, audio, and lasers into innovative and jaw-dropping animations.

I was particularly intrigued by this project because of my interest in typography and hand lettering. I’ve studied typefaces on my own and for class and have plunged deep into creating vector designs – it had never even crossed my mind that the incorporation of technology was possible.

Six days does seem to be quite a short period of time to be able to fully comprehend the nuances of the hardware used and all the potential of the student’s ideas. They had critiques, revisions, and final presentations all in one day. In my opinion, this is not a sufficient amount of time to bring a project into full fruition.

The Basel School of Design is focused on “image making in the broadest sense” taking into account the ever changing medium of design. The current portal of communication is the world wide web – everything is becoming digitized, and with that has arisen a heightened sense and concern for the user. It has now become extremely essential for designers to do and create with intent. The Basel School of Design effectively teaches their students this by introducing programs such as this one.