Week One Documentation

I wanted to make something fairly simple and precise from a pre-existing sketch. I wound up creating something a bit more complex, and having plenty of fun in the process.

Here’s the sketch that I started with.


Here’s the subject that it’s based on.

IMG_0188 copy.jpg

I like my dog. Don’t judge me.

I wanted to make a series of lines and arcs, with pre-existing coordinates that would be simple to program. So I set off writing a few lines to roughly match up with the sketch.

Screen Shot 2018-09-06 at 10.06.30 AM.png

So far so good. But as I kept going, I found that I was having a hard time making it look right.

Screen Shot 2018-09-06 at 10.51.26 AM.png

This is around the point when I decided that the code needed to get a little more sophisticated. I have a little experience in coding from using expressions in After Effects.  I was delighted to find that a lot of the basic grammar transferred over pretty well. Specifically, the practice of using variables to be able to edit multiple things at the same time. If I attached the end of one line and the end of another line to a point called, say topLineX, then I could move that one point and have both points respond. That kind of interactivity  allowed me to get the picture looking the way I wanted much more easily than just assuming I could put in the right coordinates and everything would be fine.

Screen Shot 2018-09-06 at 12.35.04 PM.png

I easily changed the shape of the jaw by tethering the end point of two arcs to the end points of a single horizontal line between them. I allowed flexibility in eye position by defining their positions relative to a center point. And I anchored everything in the image to a single image called “topCenter.”

Screen Shot 2018-09-06 at 6.54.56 PM.png

Hm, the red on her face looks a little too bright. Maybe I should change “colorA” (which is linked to the fill of four different shapes in the image) to something a little more muted.

Screen Shot 2018-09-09 at 4.07.34 PM.png

That’s better. Now I wonder what she would look like if we narrowed her face a little? There’s a variable called “topArcWidth” that could do that.

Screen Shot 2018-09-09 at 4.14.29 PM.png

Woops! That’s one too many zeroes.

Screen Shot 2018-09-09 at 4.14.37 PM.png

Too narrow. Maybe adjust it back up a little?

Screen Shot 2018-09-09 at 4.14.51 PM.png

I think that looks pretty good.