Category: SectionD

Ellan Suder-LookingOutwards-01

Gameplay summary of from Engadget.

One of my current favorite video games is Breath of the Wild from Nintendo’s Legend of Zelda series, a nonlinear and open world action-adventure game. It’s the first game of its kind in the series and inspired by other open-worlds such as Skyrim. Besides the beautiful visuals, it’s just a really fun game to play.

I can’t claim to know much about game systems, but I’ve heard how BOTW’s physics system has impressed many. The game was built in a modified version of the Havok Physics Engine. The game developers had to work to create a new physics engine that was consistent across the game world and worked logically without negatively affecting gameplay. (One of the game developers recounts a time where during testing, he entered an area only to find that all the objects normally there had been blown away by the wind.) The engine rewards exploration and experimentation. ‘For instance, in Breath of the Wild you might have a puzzle where making use of the physics, there’ll be various ways you can solve that puzzle’ (Aonuma, series producer).

As well as being a new direction for Zelda, the game is a popular innovation on the open-world genre because it simplifies the needless complexity of similar games in its genre and introduces new ways to interact with the environment. Instead of following a list of to-do list of quests, the players are allowed to focus on the expansive world and direct themselves. I really admire how they were able to create a game that encourages the players to move all across the map and gives them almost complete freedom. BOTW’s greatest success was in capturing the spirit of adventuring into the wild.

Mari Kubota – Looking Outwards – 01

The Hayden Planetarium at the American Museum of Natural History in New York City is run using a software the museum developed over almost 20 years called the Digital Universe Atlas. The Digital Universe Atlas was created with the collaboration of a Swedish Company, SCISS, who developed a similar software called Uniview. The software was programmed using the Partiview data visualization engine designed by Stuart Levy. Using data from national and international organizations, the Digital Universe visually conveys information about Earth, every known star, satellite, and planet all the way to the known universe to scale.

Hayden Planetarium by the American Museum of Natural History

This allows the user to understand the astronomical distance and scale of the universe and everything inside it. Though the software is mainly used for planetariums for show, you can also download the software and navigate through the solar system, the milky-way galaxy, and the constellations yourself. This interactive and educational software brings the universe into perspective and where we stand in the universe.  


Raymond Pai: Project-01-Face

A self-portrait made using mostly 2D primitives. I played with the shapes on Illustrator before approaching it on p5.js. I was surprised by what felt like limitations of the medium, which I eventually liked more than my initial drawing.

Brainstorming on Illustrator

Round boi

RaymondPai-Project-01

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

function draw() {
    background(260, 200, 0);
//EARS
    strokeWeight(10)
    fill(250, 200, 140);
    arc(100, 370, 180, 180,
        1, PI + HALF_PI, OPEN);
    strokeWeight(10)
    fill(250, 200, 140);
    arc(500, 370, 180, 180,
        4, PI , OPEN);
//HAIR1
    strokeWeight(0);
    fill(0);
    ellipse(200, 270, 300, 300);
// HEAD
    strokeWeight(10);
    fill(250, 200, 140);
    ellipse(300, 350, 485, 500);
//EYES
    strokeWeight(0);
    fill(255);
    ellipse(200, 300, 120, 160)

    strokeWeight(0)
    fill(255);
    ellipse(400, 300, 120, 160)
//PUPILS
    strokeWeight(0);
    fill(0);
    ellipse(220, 300, 70, 90)

    strokeWeight(0)
    fill(0);
    ellipse(380, 300, 70, 90)
//MOUTH
    strokeWeight(16)
    fill(250, 200, 140);
    arc(300, 350, 400, 400,
    1, PI, OPEN);
    ///return long lines ^ (for readability)
//NOSE
    strokeWeight(10);
    fill(255, 190, 130);
    ellipse(300, 420, 100, 70)
//EYEBROWS
    strokeWeight(25)
    line(140, 230, 250, 210);

    strokeWeight(25)
    line(400, 180, 500, 200);
//ACCESSORIES
    strokeWeight(0);
    fill(100, 100, 100);
    rect(40, 420, 20, 50);

    strokeWeight(0);
    fill(100, 100, 100);
    rect(540, 420, 20, 50);
//HAIR
    strokeWeight(10)
    fill(0);
    arc(300, 330, 520, 520,
    4, PI + PI, OPEN);
}

Lauren Park-Project-01: Face

sketch

function setup() {
    createCanvas(400, 410);
    background(color(113,185,199));
  
  
    noStroke();
    fill(115, 222, 210);
    rect(0, 250, 400, 400);
  
    fill(207, 146, 39);
    ellipse(110, 380, 70, 30);//feet
    ellipse(270, 380, 70, 30);
  
  
    fill(255, 223, 62); //wings
    ellipse(50, 240, 60, 100);
  
  
    fill(255, 223, 62);
    ellipse(340, 240, 60, 100);

    fill(255, 235, 62);
    ellipse(195, 200, 300, 310);
  
    fill(250, 195, 31);
    ellipse(145, 162, 60, 50);
  
    fill(250, 195, 31);
    ellipse(240, 162, 60, 50);  
  
    ellipseMode(CORNER);
    fill(255);
    ellipse(115, 132, 60, 50);
  
    ellipseMode(CORNERS);
    fill(30);
    ellipse(130, 130, 165, 165);
 
    ellipseMode(RADIUS)
    fill(255);
    ellipse(240, 157, 30, 26);
  
    ellipseMode(CENTER);
    fill(30);
    ellipse(227, 155, 37, 37);
  
    fill(255);
    strokeWeight(4); 
    ellipse(237, 150, 10, 10);

    fill(255);
    ellipse(145, 135, 10, 10);
  
    fill(255, 140, 3);
    ellipse(190, 210, 90, 30);
  
    fill(255, 172, 202);//blush
    ellipse(280, 190, 20, 20);
 
    ellipse(110, 187, 20, 20);
  
    fill(255, 235, 208);
    ellipse(195, 310, 130, 90);
  
  
    fill(163, 207, 54);
    arc(72, 78, 70, 70, 0, HALF_PI);
    arc(95, 83, 70, 70, 0, HALF_PI);
    fill(163, 207, 54);
    arc(120, 86, 70, 70, 0, HALF_PI); 
    fill(163, 207, 54);
    arc(143, 89, 70, 70, 0, HALF_PI);
    arc(166, 89, 70, 70, 0, HALF_PI);
    arc(189, 89, 70, 70, 0, HALF_PI);
    arc(215, 86, 70, 70, 0, HALF_PI);
    arc(238, 86, 70, 70, 0, HALF_PI);
    arc(261, 83, 70, 70, 0, HALF_PI);
    arc(284, 78, 70, 70, 0, HALF_PI);
    arc(112, 80, 80, 80, PI, PI + QUARTER_PI);
    arc(280, 83, 80, 80, PI + QUARTER_PI, TWO_PI);
  
    arc(250, 85, 90, 90, PI + QUARTER_PI, TWO_PI);
    arc(250, 100, 100, 100, PI + QUARTER_PI, TWO_PI);
    arc(210, 95, 110, 110, PI + QUARTER_PI, TWO_PI);
    arc(227, 95, 110, 110, PI + QUARTER_PI, TWO_PI);
    arc(190, 95, 110, 110, PI + QUARTER_PI, TWO_PI);
    arc(170, 95, 110, 110, PI + QUARTER_PI, TWO_PI);
    arc(150, 95, 110, 110, PI + QUARTER_PI, TWO_PI);
    arc(130, 95, 110, 110, PI + QUARTER_PI, TWO_PI);
    arc(117, 95, 110, 110, PI + QUARTER_PI, TWO_PI);
  
    arc(85, 60, 70, 70, HALF_PI, PI);
    arc(99, 41, 77, 77, HALF_PI, PI);
    arc(103, 41, 77, 77, HALF_PI, PI);
    arc(277, 42, 77, 77, HALF_PI, PI);
    arc(75, 80, 50, 50, HALF_PI, PI);
  
    ellipse(330, 80, 70, 10);
  
    fill(207, 146, 39);
    rect(250, 335, 15, 50, 20);
    rect(120, 335, 15, 50, 20);
  

}

It was a challenge to try and create shapes for my piece and try to adjust their placements, while adding more color and different elements throughout the project. I created a duck face, which was inspired by the idea that people have certain expressions and behaviors that remind me of certain visual characteristics. And so for this project, by using different elements, I made a self-portrait of myself that I believe visually represented certain characteristics of my face when I make an expression.

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.

Looking Outward 01

One cool project that really inspires me is the Bach Harmonizer Doodler. As some may already know, it is an online application that lets you input any two bar melody of your choice and it will harmonize it using Bach’s chorales as reference.

This project was made by the Google Magenta and Google PAIR teams so there were likely many people who worked on it. To create it, they used a machine learning software to teach the AI to recognize patterns in between 306 of Bach’s chorales.

Google was likely inspired to do this by other AI-based “mini-game” projects, one that comes to mind is Akinator in which by you answering minimal questions, the software can guess any character you are thinking of.

While the software of the harmonizer is still far from perfect (if you have taken a harmony course at CMU you know), it is a cool step in computer generated music. As a composer myself, the concept of AI writing its own music is a little frightening but also extremely fascinating. This project inspires me to work harder at my art as to not be outdone by the growth of software such as this.

Bach Harmonizer Doodler

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.

Face Project

ikaneko face project

function setup() {
    createCanvas(600, 600);
    background(200,200,255);

    noStroke();

    fill(250, 130, 170);
    ellipse(300, 300, 600, 600);

    fill(240, 220, 100);
    ellipse(300, 300, 500, 100);

    ellipse(300, 300, 100, 500);

    ellipse(120, 120, 100, 25);
    ellipse(120, 120, 25, 100);

    ellipse(480, 120, 100, 25);
    ellipse(480, 120, 25, 100);

    ellipse(120, 480, 100, 25);
    ellipse(120, 480, 25, 100);

    ellipse(480, 480, 100, 25);
    ellipse(480, 480, 25, 100);

    fill(250, 235, 213);
    ellipse(300, 300, 200, 220);

    fill(140, 185, 220);
    arc(300, 300, 200, 220, PI, 0);

    fill(240, 240, 200);
    arc(300, 300, 100, 100, PI, 0, CHORD);

    fill(140, 185, 220);
    rect(250, 285, 100, 15);

    fill(0);
    ellipse(265, 320, 15, 10);
    ellipse(335, 320, 15, 10);

    stroke(0);
    strokeWeight(3);
    line(270, 365, 330, 365);
   


   }

For this project, I quickly realized that I didn’t have the experience to be able to make anything very detailed or accurate. I decided to go for more of a cartoonish south park style self portrait.

LaurenPark-Looking Outwards-01

Brandi Twilley creates a series of paintings based on her memory of the living room she grew up in as a child. She paints freely, dramatizing this living room by using soft flames, as the artist revisits the memory of her home in Oklahoma when it burnt down. I find it really intriguing that the artist uses the series to show the happening and overwhelming movement of fire as it takes over the room. It is also fascinating to see the amount of detail in each object in the living room, while each object also has soft light that makes this scene so hazy. The artist can improve these pieces by being more consistent in the way she stylizes and inserts sharp details in some paintings, while not as much in others. However, this may be what lets the artist be successful in trying to depict a specific scene differently every time which shoes the haziness in her memories. Another successful moment the artist has is the way she portray loneliness throughout each scene, focusing mainly on the fire. I think that the artist was inspired by the way her mind’s imagination works when recreating this memory. She takes multiple parts that she remembers from that room and pieces the image together, binding it altogether with the dominance of the fire.

https://www.vice.com/en_us/article/qkwqkx/artist-paints-the-fire-that-destroyed-her-childhood-home