The canvas is a grid
9
min
Free preview
Coordinates, pixels and why y points down.
( The code )
The line that does the work.
sketch.js
ctx.fillRect(x, y, 1, 1)
Open the Lab from the player and change the numbers in this line first.
( What it draws ) One render of this module’s sketch.
( Lesson notes )
This lesson is part of
Lines
A woven flow-field poster
In this lesson
Coordinates, pixels and why y points down. We build it live in about 9 minutes, then you change it in the Lab until it is yours.
Try this after
Change one number at a time and write down what it did. Most of the good surprises in this course come from the third or fourth change, not the first.
( In this module )
Keep going.
Next lesson →