s etup() and draw() functions

1. setup() and draw()functions Week 3

2. A block of code • A block of code is any code enclosed with curly brackets { } • A block of code can be nested { { } }

3. Setup() • It can be used to define the base sketch setup, like its size, its mode • For example void setup() { step 1a step 1b } Do once

4. draw() • It can be used to define the base sketch setup, like its size, its mode • For example void draw() { step 2a step 2b } Loop over and over

5. example1Background in setup() void setup(){ size(200,200); background(255); } void draw(){ stroke(256,0,128); fill(255,126,0); rectMode(CENTER); rect(mouseX, mouseY, 100,100); } Size and background are set once Loops continualy until you close the sketch window

6. Example2background in draw() void setup(){ size(200,200); } void draw(){ background(255); //background is reset before each rect drawing stroke(256,0,128); fill(255,126,0); rectMode(CENTER); rect(mouseX, mouseY, 100,100); }

7. Example 3noLoop() void setup(){ size(200,200); background(255); noLoop(); // this meeans that the draw function gets called once only. } void draw(){ stroke(256,0,128); fill(255,126,0); rectMode(CENTER); rect(mouseX, mouseY, 100,100); }

8. Example 4loop() void setup(){ size(200,200); background(255); loop(); } void draw(){ stroke(256,0,128); fill(255,126,0); rectMode(CENTER); rect(mouseX, mouseY, 100,100); }