Symbol	Operation
+	Addition
-	Subtraction
*	Multiplication
/	Division
%	Modulo

Using Math in Code

https://codepen.io/lsuddem/pen/RJVMqj

https://codepen.io/lsuddem/pen/byMorm

Math for Animation

fixed values for pacman

https://codepen.io/lsuddem/pen/pKPLEx

updating values

https://codepen.io/lsuddem/pen/RJVMxg

The math works like this: each time the **draw( )** block loops, we take the initial value inside of **pacX** and replace it with the result of the equation **pacX - 2**. This causes the value inside of **pacX** to gradually decrease and push Pac-Man off the left-hand side of the canvas. Open your console to see the result of this equation printed out for you. This second example makes it look as if Pac-Man is stretching across the entire screen instead of moving his entire body along the entire canvas. This is because with each new loop of the **draw( )** block, we're drawing a new Pac-Man that is located two pixels to the left of the previous one. All of these Pac-Man copies overlap on top of each other, which makes it look as if he's stretching. In order to delete the old Pac-Man copies, make sure to call the `background( )` function at the very beginning of your **draw( )** block. This essentially "clears" the screen before drawing our newly-moved yellow friend. The example below shows this in action, and also adds a new variable called **speed** to stand in for the rate at which Pac-Man moves across the screen:

with erasing background:

https://codepen.io/lsuddem/pen/gKWePW

abbreviations

Compound Symbols	Operation	Example
+=	x = x + value	x += value;
-=	x = x - value	x -= value;
*=	x = x * value	x *= value;
/=	x = x / value	x /= value;
%=	x = x % value	x %= value;

https://codepen.io/lsuddem/pen/mKmxPR