begin with the goals of the class. slides
spend 10 minutes looking inside the openFrameworks folder: examples, apps/myApps, use projectGenerator to create a new project.
new project generator sketch
introduction:
ofDrawLine(10, 10, 1024 - 10, 768 - 10);
arrive here by drawing a line from one corner to another, but with a little 10px margin.comment out those few lines of practice code.
challenge: draw your name. 20 minutes
make your name appear again, in another location, translated to the side, below, etc…, wherever you have room (or, allow for overlap if most of the space is already taken)
challenge: draw your name twice, a copy right next to this one. 5-10 minutes
Colors allows us to talk about the painters algorithm (can’t really demonstrate until colors, we need overlapping shapes). The last line of code = “on top”. Introduce ofSetColor
, ofBackground
, ofFill
and ofNoFill
, opacity, and how grays can be simplified to one number. demonstrate how the state of the colors wraps around to the beginning of the draw loop. best practices: if a function changes the color, at the end change it back to white, full opacity.
let’s come back together and learn about variables. we have some slides. 20 minutes talk about the life cycle of variables: (1) declaration, (2) assignment, (3) use it, (3) death
back to your name sketch: prepare your code in such a way that the translation was written by adding + 300
by typing it out like this (not doing the math yourself). the catch is the + 300
will be replaced by the variable.
challenge: make copies of your name using variables.
prepare for homework by creating a new project and copy-pasting the contents from the name sketch over.
your homework is two parts:
mouseX
or mouseY
.