cover by Dia Studio for Nike.

<aside> 🚨

Make sure you’ve done the following by Monday.

Contents:

Review: What we covered in class

Things to Remember

Setup and Loop

Frame.png

Frame-1.png

Fill & Stroke

Stroke

stroke(0) //black
strokeWeight(14);
noStroke()

Fill

fill(255,0,0) //red
fill('black') // css color
fill('#ff4355') // hex code
noFill(

p5 remembers your fill and stroke settings.

function draw() {

fill('red');

//here both circles will be red. 
  circle(20,20,20,50);
  circle(20,20,20,50);
}

If you want to change it, you have to overwrite it with different styling.

function draw() {

fill('red');

//red
  circle(20,20,20,50);
  
  fill('green');
  
  //green
  circle(20,20,50,50);
}

Loading custom font and Image

https://editor.p5js.org/munusshih/sketches/l-Ksjtkg6