Creative Coding 002Sketching Environment

Summary

• Setting up sketching environment with canvas-sketch and two simple sketches.
• Introduction to canvas-sketch: drawing rectangles with parameters, and simple animated sketch
• Setup with npm install canvas-sketch-cli -g and npm install canvas-sketch-util
• Ctrl-S to save frame, Ctrl-Shift-S to save animation
• To start a new sketch: canvas-sketch my_new_sketch --new --open
• To open a sketch with output directory: canvas-sketch sketch-01 --open --output=output
• To open a sketch with output to animated gif: canvas-sketch sketch-02 --open --output=output --stream=gif