ICM WEEK1 Documentation

I decided to use p5.js to sketch one of my favorite childhood comic character: Doraemon.

I found a reference picture in google image:

I started with sketching shape, with the help with p5.js reference. The syntax was not that difficult, but the biggest problem I ran into is to accurately locate the shapes onto the canvas. I didn’t know the exact coordinate number I should use to put a shape in the place I want them to be and it usually took multiple guesses/estimations to get the right parameters. And I am still wondering if there is any way to solve this problem.

1.PNG

Using a color picker app, I filled in color for each shape.

2.PNG

After this, I wanted to do some minor adjustment to the size of Doraemon’s eyes. And I found it hard to locate the line of codes that accounts for the eyes.  So I started to go over each line of my codes and added comments on each parts. I realized it is important to have our codes organized and commented all the time.

3.PNG

And that’s my first sketch with p5js!

https://alpha.editor.p5js.org/embed/BkZnBSRF-

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s