Author: m13nica

Monica Chang – Looking Outwards – 02

Maxim Zhestov is a media artist who concentrates on film, installation and computational design to stretch the boundaries of visual language. He is famous for his digitally-rendered gallery designs which produce choreographed and calculated movements of elements and shapes using physics and computers.

Computations is an experimental art film which explores our computers from the ‘black boxes’ of our laptops and the devices created in our world. This piece of artwork concentrates on line, form, color and motion. Zhestov envisions a movement of small, computed organisms encompassing the environment while shapeshifting in perfect synchronization causing a beautiful dance across the digital gallery.

What really captured me was how realistic it looked at first; it was unbelievable. My knowledge of how this type of work is created is very limited as I am just introducing myself to the process of how art films like this could possibly come into creation. There is so much research and study that goes into projects like this which is very admirable.

Computations

https://zhestkov.studio/Computations-Art-film-2019

Monica Chang – Project-02

sketch


//Monica Chang
//Section D
//mjchang@andrew.cmu.edu
//Project-02
var eyeSize = 40;
var faceWidth = 200;
var faceHeight = 250;
var wow = 50;
var pupil = 30;
var hairY = 100;
var body = 40
var colorChange = 0;


function setup() {
    createCanvas(640, 480);
}

function draw() {
    noStroke(0)
    background("tan");
  
  //body
    fill(141- colorChange,180- colorChange,180- colorChange);
   	quad(body,height,width/4.5,height*.72,width-170,height*.72,width-body,height);
  
  //face
    fill(251,197,177);
    ellipse(width / 2, height / 2, faceWidth,  faceHeight);
  
   //eyes
    var eyeLX = width / 2 - faceWidth * 0.25;
    var eyeRX = width / 2 + faceWidth * 0.25;
    fill("peach");
    ellipse(eyeLX, height / 2.15, eyeSize, eyeSize);
    ellipse(eyeRX, height / 2.15, eyeSize, eyeSize);
  
  //mouth  
    fill("red");
    arc(width / 2, height / 2, wow, wow, TWO_PI, PI); 
  
  //pupil
    fill("blue");
    ellipse(eyeLX, height / 2.15, pupil, pupil);
    ellipse(eyeRX, height / 2.15, pupil, pupil);
  

      
  //hair
    fill("black");
    strokeWeight(3);
    stroke (254);
    line( width / 2, height/ 3.5 , width / 2 , hairY );
    line( (width / 2)/1.1, height/ 3.5 , (width / 2)/1.1 , hairY + 10 );
    line( (width / 2)*1.1, height/ 3.5 , (width / 2)*1.1 , hairY + 10 ); 
  

}

function mousePressed() {
    // when the user clicks, these variables are reassigned
    // to random values within specified ranges. For example,
    // 'faceWidth' gets a random value between 75 and 150.
    faceWidth = random(200, 350);
    faceHeight = random(200, 250);
    eyeSize = random(40, 60);
    wow = random(10,50);
    pupil = random(10,30);
    hairY = random(100,180);
    colorChange = random (0,180);
}

This was a very entertaining project to do, I noticed that variables do make it easier to organize the values in such a way that I would not get confused. A whole field of numbers would, indeed, give me a headache so it was interesting to play around with variables and get used to how they can simplify code.

Monica Chang- Project 1 – Face

sketch

/* 
 * Monica Chang
 * Section E
 * mjchang@andrew.cmu.edu
 * Assignment 1 Self-Portrait
 */
 
function setup() {
	
    createCanvas(600, 600);
    background(220);
    //background
    fill("yellow");
    noStroke(0);
   	rect(0,0,600,600);

   	//hair
   	fill("brown")
   	rect(180,150,240,300)
   	//head	+ neck
   	fill("tan");
   	noStroke(0);
   	ellipse(300,200,200,210);

   	fill("tan");
   	rect(280,300,40,50)
   	//hat
   	fill("black");
   	quad(150,150,230,100,370,100,450,150);
   	fill("black");
   	rect(230,10,140,100);
   	//eyes
   	fill("black");
   	triangle(240,200,260,180,280,200);
   	fill("black");
   	triangle(320,200,340,180,360,200);

   	fill("white");
   	ellipse(260,200,10,10);
   	fill("white");
   	ellipse(340,200,10,10);
   	//nose
   	fill("brown");
   	ellipse(300,230,20,10);
   	//mouth
   	fill("pink");
   	stroke(10);
   	ellipse(300,275,40,30);
   	//blush
   	fill("orange")
   	noStroke(0);
   	ellipse(250,230,40,30);
   	fill("orange")
   	noStroke(0);
   	ellipse(350,230,40,30);
   	//shirt
   	fill("purple");
   	quad(0,600,140,350,470,350,600,600);
   	//vneck
   	fill("tan");
   	triangle(250,350,300,450,350,350);

}

function draw() {
}

I had fun playing around with the sizes and shapes that we were able to utilize in this project. As an artist, I also wanted to incorporate the color scheme I would always gravitate towards through the struggle of trying to calculate how the shapes would be computed. The face was what I had the most fun with as I tried to draw the famous “pikachu meme” I love very much onto my face. Also, I added a bucket hat I have been wearing recently.

Monica Chang – Looking Outwards 01

Eclipse is a “Creative Digital Agency” formed by a team of 6 individuals based in Benevento, Italy who explore the processes and development of new UI/UX, Web and Graphic design.

This website is composed of many different computational designs that allow the viewer to really interact with the website and the information that is provided in a very playful and creative way. For instance, the very first page within the website introduces the viewer by inviting them to use his/her mouse to draw across the screen causing words to flow behind the moving mouse. What is also interesting about this front page is that the size of the words also vary based on the pressure put on the mousepad of a laptop. With this, it shows the amount of thought and effort put into the composition of this website.

Drawing intro page.

My favorite section of this website is their navigation page.

Navigation page.

What really drew to this website was the various designs and interactive art planted within it that not only attracted me towards traveling further into the website but also really absorbing the information as to their purpose and their goals. They encourage people to look for opportunities to create new designs and ideas to share with the world around us. It inspires me to look into more ways to developing my own ideas towards web design and explore my own senses towards programming.