Author: Nina

Nina Yoo – Looking Outwards – 12

“VOEZ”

howls moving castle howl calcifer studio ghibli pixel gif png transparent pixel art pixal 8bit 8bit art

“Howl’s Moving Castle Howl and Casper”

 

So the two things that I got inspired by is the music game VOEZ and the 8bit character versions of studio Ghibli.  I have always been interested in music games and I’ve been playing them for a long time. VOEZ is game I have been playing for a while because their music and graphics are so beautiful and pleasing to experience. VOEZ is the sort of music game vibe that I wanted to have in collaboration with the music and characters from Studio Ghibli. Ghibli’s music is very well known and it has been an iconic for being one of the most relaxing pieces ever made. Along with the music, the characters made in Studio Ghibli are amazing with pastel colors that are just pleasing to see. I also got inspired by the 8bit form because it reminds me more of a game.

 

Nina Yoo- Final Project-Proposal

For this final project I wanted to do something with Studio Ghibli and their music. So I decided to have a rhythm game where if you press a certain key then a character from one of the Ghibli films will pop up. If you press two keys as the same time and have matching characters then the music of the movie will start to play until you find another matching pair. The characters will just be bouncing up and down when they appear on the screen and I might add some actions to them. I will limit the keys from A-L and Space which will mean there will be 10 characters total and 5 pairs.  Also, along with the music being played the title of the movie or film will pop up on the screen.  This game will have a plain background until there is a match where I will load in a picture background/ scene from the movie.

Nina Yoo – Project 11 – Composition

sketch

/* Nina Lee Yoo
Section E
nyoo@andrew.cmu.edu
Project-11:A Composition*/

function setup() {
    createCanvas(480, 480);
    background(220);


    }


function draw() {

	for (var t=0;t<10;t++){
    	turtle = makeTurtle(0,0)
    	turtle.penDown
    }
	
		var r = (random(0,200));
		var g = (random(50,100));
		var b = (random(100,150));
		
	
	


		turtle.setColor(color(r,g,b))
		turtle.setWeight(1)
		turtle.penDown()
		turtle.forward(mouseX)// moving the initial fowards with them mouseX
		turtle.right(50)
		turtle.forward(mouseY) //movingthesecondfoward(creating longer lengthfor th first line)
		turtle.right(50)
		turtle.forward(100)
		turtle.right(mouseX)//(manipulating the end of the string)
		turtle.forward(100)
		turtle.right(20)
		turtle.forward(100)

		

}







function turtleLeft(d){this.angle-=d;}function turtleRight(d){this.angle+=d;}
function turtleForward(p){var rad=radians(this.angle);var newx=this.x+cos(rad)*p;
var newy=this.y+sin(rad)*p;this.goto(newx,newy);}function turtleBack(p){
this.forward(-p);}function turtlePenDown(){this.penIsDown=true;}
function turtlePenUp(){this.penIsDown = false;}function turtleGoTo(x,y){
if(this.penIsDown){stroke(this.color);strokeWeight(this.weight);
line(this.x,this.y,x,y);}this.x = x;this.y = y;}function turtleDistTo(x,y){
return sqrt(sq(this.x-x)+sq(this.y-y));}function turtleAngleTo(x,y){
var absAngle=degrees(atan2(y-this.y,x-this.x));
var angle=((absAngle-this.angle)+360)%360.0;return angle;}
function turtleTurnToward(x,y,d){var angle = this.angleTo(x,y);if(angle< 180){
this.angle+=d;}else{this.angle-=d;}}function turtleSetColor(c){this.color=c;}
function turtleSetWeight(w){this.weight=w;}function turtleFace(angle){
this.angle = angle;}function makeTurtle(tx,ty){var turtle={x:tx,y:ty,
angle:0.0,penIsDown:true,color:color(128),weight:1,left:turtleLeft,
right:turtleRight,forward:turtleForward, back:turtleBack,penDown:turtlePenDown,
penUp:turtlePenUp,goto:turtleGoTo, angleto:turtleAngleTo,
turnToward:turtleTurnToward,distanceTo:turtleDistTo, angleTo:turtleAngleTo,
setColor:turtleSetColor, setWeight:turtleSetWeight,face:turtleFace};
return turtle;}

It was cool seeing how if you changed the points on the turtle with mouseX or mouseY how it affected the whole drawing. It was difficult to grasp the concept at first due to my idea of turtles being static, but when doing the project it has helped me understand the underlying idea of turtle.

Nina Yoo- Looking-Outwards-11

Of Nature and Things -Fedde Ten Berge-December 7 , 2017

This project uses the objects forms to create sounds. It was interesting to see the creator  Fedde use many organic objects and man made objects to create these sounds. I was inspired  by his capability of understanding an object through sound, because it is almost creating a new way to interpret objects. It kind of reminds me of an instrument, but it is creating every object as an instrument.  The algorithms that would go into this would probably have a prerequisite standard for curves and edges and how they would sound and depending on how extreme or normal those aspects are, the different the sound comes out. Along with this would come the range of pitch and volume. The artist’s creativeness came out through the interpretation of how the sound should be depending on the object and the different objects he decides to use or create for usage.

 

Of Nature and Things – The Shroom

 

 

Nina Yoo – Looking Outwards – 10

Caroline Sinders – About

Caroline Sinders- Night Witches- 2014

NightWitches by Caroline Sinders – 2014

Caroline Sinders is a UI/UX designer based on the content of consent. One of her works that interested in me the most was her project on NightWitches because it was vastly different from her other projects. The project was a storytelling game on the IOS using Unity as the engine. I was really interested in this project due to the concept of putting her work into a game that is on the apple platform rather than just doing her usual work with 3d objects. It showed the depth of her experience and expertise in the field, and I admire how she was able to work on a 2d platform, like a game, and the amount of process and choices she made throughout.

Nina Yoo – Project 10 – Landscape

sketch

 /* Nina Lee Yoo
Section E
nyoo@andrew.cmu.edu
Project- 10:Landscape*/
var terrainSpeed = 0.0005;
var terrainDetail = 0.005;
var terrainDetailB = 0.0015;
var person = [];




function setup() {
    createCanvas(480, 480);
    frameRate(10);

  }
 
function draw() {
    background("pink");
   	
   	noStroke();
    push();
    beginShape();
    fill(176, 196, 222);
    vertex(0,height);



    for (var x = 0; x < width; x++) { // creating background of the first landscape
        var t = (x * terrainDetail) + (millis() * terrainSpeed);
        var y = map(noise(t), 0,1, 0, height);
        vertex(x, y+10); 
    }
    vertex(width,height);
    endShape();
    pop();

    push();
    beginShape();
    fill(250,250,205);
    vertex(0,height);
    for(var x = 0; x<width; x ++){ // creating backfround for the yellow landscape
    	var t = (.5*x*terrainDetailB)+ (millis()*terrainSpeed);
    	var y = map(noise(t),0,1,0,height);
    	vertex(x,y+200);

    }
    vertex(width,height);
    endShape();
    pop();

    //people
  
    push()
    updateP();
    removeP();
    addNewP(); 
    pop()
}


function updateP(){
    for (var i = 0; i < person.length; i++){
        person[i].move();
        person[i].display();
    }
}


function removeP(){

    var personToKeep = [];
    for (var i = 0; i < person.length; i++){
        if (person[i].x + person[i].breadth > 0) {
            personToKeep.push(person[i]);
        }
    }
    persons = personToKeep; 
}

function addNewP(){
   
    var newPerson = 0.01; 
    if (random(0,1) < newPerson) {
        person.push(makePerson(width));
    }
}


function personMove() {
    this.x += this.speed;
}
    

function personDisplay() {
	push()
    var personHeight = 20;
    var pHeight = this.nPersons * personHeight; 
    fill(255); 
    noStroke(); 
    push();
    translate(this.x, height - 40);
    ellipse(0, -pHeight, this.breadth, pHeight); // drawing the body
    fill(0);
    ellipse(-15, -pHeight - 20, 5, 5); // drawing eyes 
    ellipse(15, -pHeight - 20, 5, 5);

    stroke(200); 
    
    pop()
    }

 



function makePerson(birthLocationX) {
    var personn = {x: birthLocationX,
                breadth: 50,
                speed: -1.0,
                nPersons: round(random(2,8)),
                move: personMove,
                display: personDisplay}
    return personn;
}

I got inspired by this show I watched a long time ago with my brother. It was this weird cartoon blobs with little beady eyes that would just move from place to place in swarms, creating trouble along the way. It was fun to create the moving setting for the little guys and see the different little white marshmellow blobs come out.

Nina Yoo- Looking Outwards- 09

Stefanie Posavec,Frank Swainn, Daniel Jones– Phantom Terrains- 2014

Kat Hua – Looking Outwards – 07

 

Phantom Terrains – 2014 – Stefanie Posavec, Frank Swain, Daniel Jones

Kat Hua’s post on week 7 for looking outwards was a report on the abstract visualization from the work of Phantom Terrains by Frank Swain, Stefanie Posavec, and Daniel Jones. I had only looked at acstract work that had apurpose of manipulating different data such as math equations or preset numbers, but it was interesting to see the way people would abstractly represent the data from something such as the internet data. I agree with Kat on her admiration of the project and how the project’s purpose was to present the data of streaming wireless data surges from our everyday lives. What I can add to it is that I liked out they had an abstract view of the data, but also a more commonly known set of data which is the sound waves, which helps the viewers to read the data better.