Tuesday, June 20, 2017

HOUR OF DRAWING WHIT CODE



For the last weeks we have been working on a project called ¨one hour of drawing with code¨. This project is from Khan Academy, a website that our teacher showed us. In this post I want to explain a bit how it feels working with Khan Academy, in the way of having fun or being bored. I will also show some of my works, which they are scripts to créate and image. I will also explain some important concepts releated whit this work.

00-linea-separadora.png


This image show the many different scripts you have to create an image. My work is not as complex as the one that a professional can do. But I think this is not difficult you just need to like this kind of things and be imaginative.

00-linea-separadora.png



One very good thing that Khan Academy has is , that they give you points for especificas challenges. This makes you want more and more points, and maybe crease like a friendly competition between your friends. Which can make someone have very good fun.


00-linea-separadora.png

This is one of my projects called Super Snowman wchich I thing it was the best one, because is the one I had more creative ideas. The following image is the one that comes from the scripts that are written down after this image. It looks much more difficult that what it is.



//background
background(0, 191, 255);
noStroke();
//ground
fill(205, 206, 207);
rect(-2, 240, 402, 278);
//sun
fill(251, 255, 0);
ellipse(63, 73, 100, 100);
strokeWeight(1);
//simple snowman
fill(252, 249, 249);
ellipse(200, 300, 150, 150);
ellipse(200, 200, 100, 100);
ellipse(200, 120, 75, 75);
//arms
strokeWeight(10);
stroke(145, 42, 7);
line(238, 198, 295, 110);
line(162, 198, 102, 110);
//hat
strokeWeight(7);
stroke(3, 3, 3);
line(239, 96, 158, 96);
fill(0, 0, 0);
rect(176, 96, 46, -49);
//nose
strokeWeight(7);
stroke(252, 136, 3);
line(200, 132, 234, 132);
line(200, 127, 234, 132);
//eyes
fill(3, 3, 3);
stroke(0, 0, 0);
ellipse(185, 112, 2, 2);
ellipse(214, 112, 2, 2);
//bottons
fill(3, 3, 3);
stroke(0, 0, 0);
strokeWeight(5);
ellipse(200, 270, 12, 12);
strokeWeight(4);
ellipse(200, 230, 9, 9);
strokeWeight(3);
ellipse(200, 190, 6, 6);


00-linea-separadora.png



No comments:

Post a Comment