Command+Shift+F: tidy your code

define function: setup() (Can do this)

setup();

call function: (Do this)

• What is a variable?
• Assignment:
  1. Declare
  2. Initialize
  3. update
  4. use

x = x + 10
//equals to

• Var x —> function scope, global variable, global environment—>hoisting problem so better use let
• let x —> block scope
• “Not” operator(when x is “NOT” >350) ⇒ !

var on = false;
if(!on)
//!on = Not False = True
//This code does get evaluated

on = !on 
//similar to speed = speed*-1
//true becomes not true(false) and vice versa

//Initial
funstion mousePressed() {
if (mouseX > 250)
if (on) {
on = false;
} else {
on = true;
}
}
}
//change into this
funstion mousePressed() {
if (mouseX > 250)
on = !on;
}
}

• You can place your variables outside of setup() and draw(). If you create a variable inside of setup(), you can’t use it inside ofdraw(), so you need to place those variables somewhere else. Such variables are called global variables, because they can be used anywhere (“globally”) in the program.

function setup() {
      createCanvas(480, 120);
    }

function draw() {
background(204);
line(0, 0, width, height); 
// Line from (0,0) to (480, 120) line(width, 0, 0, height); 
line(width, 0, 0, height);
// Line from (480, 0) to (0, 120)

Operators:

456*3 //Expressions

var x = 4 + 4 * 5; // Assign 24 to x
var x = (4 + 4) * 5; // Assign 40 to x

x += 10; // This is the same as x = x + 10
y −= 15; // This is the same as y = y - 15

x++; // This is the same as x = x + 1
y−−; // This is the same as y = y − 1