Author: sntong@andrew.cmu.edu

sntong-Project-02-Variable-Face

sketch
For this project, I wanted to create a “cheesy” looking slice of cheddar cheese. I was having fun and going along with the metaphor as I was coding for this assignment. As my second coding project I felt I had better understanding of the code basics and syntax and I hope I can move on to more complicated ideas and codes later on. 

//Scarlet Tong
//sntong@andrew.cmu.edu
//Section A
//Project 02 - Variable Face

//Cheese Slice
var rectX = 320
var rectY = 240
var rectW = 180
var rectH = 130
var rectC = 10

//Eyes
var iStrokeWeight = 5
var eyeLX = 270
var eyeLY = 210

//Mouth
var mouthX = 280
var mouthW = 2

//Heart
var heartX = 224

//Colors
var black = 0
var faceG = 220
var faceB = 151
var heartC = 130
var backgR = 215
var backgG = 244

function setup() {
    createCanvas(640,480);
    background(215,backgG,255);

}

function draw() {
  background(backgR,backgG,255);

  //Cheese slice
  fill(255,faceG,faceB);
  noStroke();
  rectMode(CENTER);
  rect(rectX,rectY,rectW,rectH,rectC);
  //left eye
  stroke(black);
  strokeWeight(iStrokeWeight);
  strokeCap(SQUARE);
  line(eyeLX,eyeLY,eyeLX+25,eyeLY-10);
  //right eye
  line(eyeLX+50,eyeLY-5,eyeLX+75,eyeLY);
  //mouth
  ellipse(mouthX,mouthX-40,mouthW,mouthW*4);
  //heart
  fill(249,heartC,heartC);
  noStroke();
  ellipse(heartX,heartX-18,20,20);
  ellipse(heartX+15,heartX-24,20,20);
  triangle(heartX-4,heartX-9,heartX+25,heartX-28,heartX+26,heartX+1);

}

function mousePressed(){
  //Change in color for the background
  backgR = random(254,215);
  backgG = random(254,244);
  //Change in weight and height of the cheese slice
  rectX = random(300,340);
  rectY = random(220,160);
  rectW = random(120,200);
  rectH = random(120,170);
  rectC = random(0,25);

  // change in size od eyes
  iStrokeWeight = random(3,8);
  eyeLX = random(265,275);
  eyeLY = random(190,220);

  //Change in location of mouth
  mouthX = random(275,280);
  mouthW = random(1,4);

  //Change of location of heart on face
  heartX = random(210,230);

  //Different shades of color for the composition
  black = random(0,254);
  faceG = random(213,187);
  faceB = random(146,77);
  heartC = random(151,51);


}

sntong-Looking Outwards- 02


This image is taken from a series of drawings and medias made for a showcase. Daniel Cardoso Llach focused on the history of computational methods and technologies between the 1949 and 1976 and his other works in the showcase aims to track the evolution of new design representation, stimulation or other data processing software. His work sheds light into how the advancement of technology has changed how designers, engineers, and many across different fields to work, think and communicate their work. The image shown is generated by a custom software system made by Professor Llach to reconstructs Steven A. Coons’ mathematical technique for parametric surfaces.

The showcase will be open from September 22 to November 12 at the Miller Gallery in CMU.

image reference: http://grahamfoundation.org/grantees/5577-designing the-computational-image-imagining-computational-design

sntong-Project 01 – Face

sketch

//Scarlet Tong 
//
function setup() {
    createCanvas(600, 600);
    background(254);

}

function draw() {
    //hair
    var c = color(0,0,0);
    fill (c);
    noStroke();
    rect (105,184,382,350);
    ellipse(296,195,382,282);

    //clothes
    var c = color (171,229,255);
    fill (c);
    noStroke();
    rect(140,483,319,170,25,25,0,0);//tee


    //face and neck
    var c = color (255,204,188);
    fill(c);
    rect(170,193,255,260,0,0,140,140);//face
    noStroke();
    rect (267,420,63,80);//neck
    rect (238,483,120,49,0,0,20,20);//collar

    var b = color(0,0,0);//eyes, noses, lips
    fill(b);
    ellipse(245,275,13,23);
    ellipse(354,275,13,23);
    noFill();
    stroke(0);
    strokeWeight(5);
    line(294,316,294,335);
    line(294,335,305,340);
    strokeCap(SQUARE);
    arc(300,400,30,25,0,PI);

    stroke (255,96,97);//glasses 
    strokeWeight(10);
    strokeCap(ROUND);
    line(204,246,280,246);
    line(280,246,280,300);
    line(204,300,280,300);
    line(204,246,204,300);
    line(320,246,396,246);
    line(396,246,396,300);
    line(320,300,396,300);
    line(320,246,320,300);
    line(170,270,204,270);
    line(280,270,320,270);
    line(396,270,425,270);








}

This is my first coding assignment and working with Java Script. I believe the Mondrian assignment was a nice jump start for me to get used to the coding language and the formatting. I relied on the online reference to help me on the assignment.

 

sntong-Looking Outwards Week 1

This new media art installation is created by Akinori Goto in 2015. He recorded the movements of a person walking, created profiles of those “frozen” movements and made his own data series to make a loop in the movements. Judging from the short software interface shown in the video, I think Goto used Rhino with other plug-ins such as Grasshopper or Kangaroo to create the loop. He the choose to 3D print his installation and places it on a turntable with rays of light shining on it. Here is the link to his tumblr page with more of his videos http://akinorigoto.tumblr.com/. This art installation has inspired me to think of movement and time in a different perspective, as Goto stops time to create the frames, then using those shapes to create a movement. I liked the idea how light defines how the movement is read and re-interprets what a zoetrope can look like.