P5JS - INTRODUCTION

 

1. Watch hello processing introduction to learn about why artists use computer programming.
2.  Bookmark two things in your bookmarks bar: p5js.org and editor.p5js.org
3. The editor.p5js.org website opens with this text (comments were added below with // marks):

         
             function setup() { // happens only once
                    createCanvas(400, 400); // size of the canvas
              } // needed to close the setup() section
​
           function draw() { // repeats over and over
                   background(220); // 0 = black; 225 = white
             } // needed to close the draw section

1. Create a new account on editor.p5js.org. Use your meadowbrook login name, email, and password.
2. Go to the Settings (the pink gear) and make the font larger (size 20) and change the theme to high contrast.
3. HW: Watch 1.3: Basics of drawing - p5.js Tutorial