Author: Carley

Carley Johnson Project 01

Project 01

/*Carley Johnson
Section E
cbjohnso
Project 01
*/

function setup() {
    createCanvas(600, 600);
    background(166, 210, 251);
    
}

function draw() {
	
	var c = color(47, 96, 163); 
	fill(c)
	stroke(75, 107, 168)
    strokeWeight(7)
	rect(120, 100, 350, 320, 300, 300, 100, 100) //back hair
	
	var c = color(255, 230, 220); 
	fill(c)
	stroke(255, 218, 221)
    strokeWeight(10)
	rect(175, 200, 250, 200, 0, 0, 300, 300) //face

	var c = color(255, 213, 226)
	fill(c)
	noStroke()
	ellipse(222, 290, 95, 95) //left cheek

	var c = color(255, 213, 226)
	fill(c)
	noStroke()
	ellipse(377, 290, 95, 95) //right cheek

	var c = color(47, 96, 163); 
	fill(c)
	stroke(color(47, 71, 118));
	strokeWeight(2)
	rect(150, 100, 300, 170, 300, 300, 300, 0) //Bangs

	var c = color(97, 61, 44); 
	fill(c)
	stroke(97, 61, 44);
	bezier(210, 250, 240, 225, 260, 225, 270, 240) //left eyebrow

	stroke(110, 41, 33)
	line(210, 250, 270, 240)

	var c = color(97, 61, 44); 
	fill(c)
	stroke(97, 61, 44);
	bezier(330, 240, 340, 225, 360, 225, 390, 250) //right eyebrow
	
	stroke(110, 41, 33)
	line(330, 240, 390, 250)

	var c = color(0, 130, 201); 
	fill(c)
	ellipse(250, 270, 40, 40); //outer eye left

	var c = color(0, 130, 201); 
	fill(c)
	ellipse(350, 270, 40, 40); //outer eye right

	var c = color(41, 41, 35); 
	fill(c)
	ellipse(250, 270, 20, 20) //inner eye left

	var c = color(41, 41, 35); 
	fill(c)
	ellipse(350, 270, 20, 20) //inner eye right

	var c = color(255, 213, 226); 
	fill(c)
	noStroke()
	ellipse(250, 290, 40, 25) //under eye left

	var c = color(255, 213, 226); 
	fill(c)
	noStroke()
	ellipse(350, 290, 40, 30); //under eye right

	var c = color(255, 166, 169)
	fill(c)
	noStroke()
	ellipse(289, 305, 10, 10) //nose left

	var c = color(255, 166, 169)
	fill(c)
	noStroke()
	ellipse(311, 305, 10, 10) //nose right


	var c = color(255, 227, 221)
	fill(c)
	stroke(255, 166, 169)
	ellipse(300, 305, 20, 15) //nose bridge

	var c = color(255, 166, 169); 
	fill(c)
	stroke(255, 166, 169);
	bezier(300, 350, 310, 365, 315, 365, 370, 330) //Lower lip

	var c = color(255, 119, 151); 
	fill(c)
	stroke(255, 119, 151);
	line(300, 350, 370, 330) //upper lip

	var c = color(255, 119, 151); 
	fill(c)
	stroke(255, 119, 151);
	line(301, 352, 370, 330) //middle upper lip

	var c = color(255, 119, 151); 
	fill(c)
	stroke(255, 119, 151);
	line(303, 353, 370, 330) //lower upper lip

	var c = color(40, 41, 35)
	fill(c)
	stroke(40, 41, 35)
	line(230, 265, 225, 260) //left eyelash 1
	
	var c = color(40, 41, 35)
	fill(c)
	stroke(40, 41, 35)
	line(235, 257, 230, 252) //left eyelash 2

	var c = color(40, 41, 35)
	fill(c)
	stroke(40, 41, 35)
	line(242, 252, 237, 247) //left eyelash 3

	var c = color(40, 41, 35)
	fill(c)
	stroke(40, 41, 35)
	line(370, 265, 375, 260) //right eyelash 1

	var c = color(40, 41, 35)
	fill(c)
	stroke(40, 41, 35)
	line(367, 257, 372, 253) //right eyelash 2

	var c = color(40, 41, 35)
	fill(c)
	stroke(40, 41, 35)
	line(360, 252, 365, 247) //right eyelash 3

	var c = color(114, 62, 36)
	fill(c)
	stroke(114, 62, 36)
	ellipse(375, 280, 2, 2) //begin freckles

	var c = color(114, 62, 36)
	fill(c)
	stroke(114, 62, 36)
	ellipse(305, 289, 2, 2)

	var c = color(114, 62, 36)
	fill(c)
	stroke(114, 62, 36)
	ellipse(299, 287, 2, 2)

	var c = color(114, 62, 36)
	fill(c)
	stroke(114, 62, 36)
	ellipse(294, 293, 2, 2)

	var c = color(114, 62, 36)
	fill(c)
	stroke(114, 62, 36)
	ellipse(287, 289, 2, 2)

	var c = color(114, 62, 36)
	fill(c)
	stroke(114, 62, 36)
	ellipse(280, 295, 2, 2)

	var c = color(114, 62, 36)
	fill(c)
	stroke(114, 62, 36)
	ellipse(274, 297, 2, 2) //where I stopped

	var c = color(114, 62, 36)
	fill(c)
	stroke(114, 62, 36)
	ellipse(260, 289, 2, 2)

	var c = color(114, 62, 36)
	fill(c)
	stroke(114, 62, 36)
	ellipse(321, 289, 2, 2)

	var c = color(114, 62, 36)
	fill(c)
	stroke(114, 62, 36)
	ellipse(358, 295, 2, 2)

	var c = color(114, 62, 36)
	fill(c)
	stroke(114, 62, 36)
	ellipse(389, 292, 2, 2)

	var c = color(114, 62, 36)
	fill(c)
	stroke(114, 62, 36)
	ellipse(337, 290, 2, 2)

	var c = color(114, 62, 36)
	fill(c)
	stroke(114, 62, 36)
	ellipse(343, 283, 2, 2)

	var c = color(114, 62, 36)
	fill(c)
	stroke(114, 62, 36)
	ellipse(350, 289, 2, 2)

	var c = color(114, 62, 36)
	fill(c)
	stroke(114, 62, 36)
	ellipse(350, 300, 2, 2)

	var c = color(114, 62, 36)
	fill(c)
	stroke(114, 62, 36)
	ellipse(363, 289, 2, 2)


    var c = color(114, 62, 36)
    fill(c)
    stroke(114, 62, 36)
    ellipse(370, 289, 2, 2)


    var c = color(114, 62, 36)
    fill(c)
    stroke(114, 62, 36)
    ellipse(375, 292, 2, 2)


    var c = color(114, 62, 36)
    fill(c)
    stroke(114, 62, 36)
    ellipse(250, 285, 2, 2)


    var c = color(114, 62, 36)
    fill(c)
    stroke(114, 62, 36)
    ellipse(235, 289, 2, 2)


    var c = color(114, 62, 36)
    fill(c)
    stroke(114, 62, 36)
    ellipse(247, 289, 2, 2)


    var c = color(114, 62, 36)
    fill(c)
    stroke(114, 62, 36)
    ellipse(242, 298, 2, 2)


    var c = color(114, 62, 36)
    fill(c)
    stroke(114, 62, 36)
    ellipse(255, 296, 2, 2)


    var c = color(114, 62, 36)
    fill(c)
    stroke(114, 62, 36)
    ellipse(229, 289, 2, 2)


    var c = color(114, 62, 36)
    fill(c)
    stroke(114, 62, 36)
    ellipse(225, 291, 2, 2)

    var c = color(114, 62, 36)
    fill(c)
    stroke(114, 62, 36)
    ellipse(305, 280, 2, 2)

    var c = color(114, 62, 36)
    fill(c)
    stroke(114, 62, 36)
    ellipse(291, 283, 2, 2)

    var c = color(114, 62, 36)
    fill(c)
    stroke(114, 62, 36)
    ellipse(275, 291, 2, 2) //end freckles

    noFill()
    stroke(125, 126, 126)
    bezier(307, 298, 314, 298, 315, 312, 308, 312) //nose ring

    var c = color(52, 92, 56)
    fill(c)
    stroke(42, 67, 40)
    rect(180, 405, 190, 195, 0, 0, 0, 0) //undershirt

    var c = color(255, 210, 226)
    fill(c)
    stroke(42, 67, 40)
    strokeWeight(4)
    bezier(263, 406, 290, 440, 330, 440, 340, 406) //throat

    stroke(255, 165, 170)
    strokeWeight(3)
    line(264, 404, 338, 404) //throat

    var c = color(52, 92, 56)
    fill(c)
    stroke(42, 67, 40)
    strokeWeight(5)
    rect(170, 390, 75, 207, 100, 100, 0, 0) //left arm
    
    var c = color(52, 92, 56)
    fill(c)
    stroke(42, 67, 40)
    strokeWeight(5)
    rect(350, 375, 70, 180, 100, 100, 0, 0) //upper right arm

    var c = color(66, 119, 73)
    fill(c)
    stroke(52, 92, 56)
    bezier(330, 600, 375, 480, 455, 480, 410, 600) //right forearm






}

I’m glad I started this project early, because fiddling with where things fell on the grid was the toughest part of the project. I’m self-conscious about my skill level, and am excited but nervous to see everyone else’s, and pleased that I feel as if I actually know why I am inputing certain things and why those things are outputting what they are. I wish there was a grid so I could track exact points instead of trial-and-error with scootching one number at a time.

Carley Johnson Looking Outwards 01

The summer I inhaled the 2D animated movies made by Studio Ghibli. I did some digging into my favorite one, “From up on Poppy Hill,” (2011) and learned about Ghibli’s really interesting process that combines both software and hand-drawn art. Studio Ghibli uses a software called OpenToonz, which is a free software also used for TV shows like Steven Universe. It’s free and commercial, however it’s an open software, so you can code in whatever tools you want. Studio Ghibli created a tool for themselves- a GTS scanning tool. The founder of the studio and one of the most successful directors perhaps of all time, Hayao Miyazaki, believes firmly that the root of animation is hand drawn art. This means that they need a great scanner to stitch the characters into the sets and the frames into scenes. Miyazaki stresses using minimal cgi for the films.

For “From up on Poppy Hill,” there was a massive production team of both the original movie and the English dub. There were 21 animators, and the film was directed by Miyazaki’s oldest son. The film’s production was interrupted by the Tohoku earthquake and tsunami disaster and the blackouts following. It forced the team to work mostly at night to avoid disruptions, and slowed production significantly. However, even though some staff members had to go on break for ‘mental affectedness’ from both the quake and the long hours, the studio was determined to release on time and they did just that.

The inspiration for Miyazaki was that there was no inspiration. He made his studio to revolutionize and revitalize the anime movie world, and he did that. He did work previously in Japanese film and television, but he values the ideas most. Every film of his started with an idea and a story. Miyazaki just retired, so people have wondered about the future of the company, but I think that this film most notably points to the director’s ability to create success as well.

This is the English dubbed trailer for the 2011 Studio Ghibli film, “From up on Poppy Hill”