Critical Computation Tutorials
38 videos • 3,098 views • by Parsons Design & Technology
1
1.1 Web Editor and the Console - p5.js Tutorial
xin xin
Download
2
1.2 2D Primitives - p5.js Tutorial
xin xin
Download
3
1.3 RGB Color and blendMode() - p5.js Tutorial
xin xin
Download
4
1.4 translate(), rotate(), push(), pop() - p5.js Tutorial
xin xin
Download
5
cclab portfolio template instructions
Parsons Design & Technology
Download
6
2.1 - Data types, mouseX, mouseY
Katherine Moriwaki
Download
7
2..2 - User defined variables
Katherine Moriwaki
Download
8
2.3 - text()
Katherine Moriwaki
Download
9
2.4 - random(), mousePressed(), keyPressed()
Katherine Moriwaki
Download
10
3.1 If, Else, Else If - p5.js Tutorial
xin xin
Download
11
3.1.1 IF / ELSE Example - Make a Drawing Machine - p5.js Tutorial
xin xin
Download
12
3.2 AND - Create a Hover Button - p5.js Tutorial
xin xin
Download
13
3.3 Boolean Variable - Create an On / Off Button - p5.js Tutorial
xin xin
Download
14
3.4 hour(), minute(), second() - p5.js Tutorial
xin xin
Download
15
3.5 map() - p5.js Tutorial
xin xin
Download
16
3.6 frameRate(), frameCount, millis() - p5.js Tutorial
xin xin
Download
17
4.1 Functions
Katherine Moriwaki
Download
18
4.2 Functions
Katherine Moriwaki
Download
19
5.1 for Loop - p5.js Tutorial
xin xin
Download
20
5.1.1 rotate() + for Loop - Pattern Making Tip - p5.js Tutorial
xin xin
Download
21
5.2 Nested for Loop - Draw a Grid! - p5.js Tutorial
xin xin
Download
22
5.2.1 Modulo - Make a Checkerboard! - p5.js Tutorial
xin xin
Download
23
5.2.2 blendMode() + Loops - Anaglyph Illusion - p5.js Tutorial
xin xin
Download
24
6.1 Array
Katherine Moriwaki
Download
25
6.2 Pixel Array
Katherine Moriwaki
Download
26
7.1 JavaScript Object and the Dot Operator - p5.js Tutorial
xin xin
Download
27
7.2 Mouse & Key Inputs - p5.js Tutorial
xin xin
Download
28
8.1 Class and Objects - p5.js Tutorial
xin xin
Download
29
8.2 Array of Objects - p5.js Tutorial
xin xin
Download
30
8.3 Switch Statement - Changing Scenes! - p5.js Tutorial
xin xin
Download
31
8.4 Class and Objects - Collision Detection - p5.js Tutorial
xin xin
Download
32
8.4.1 Importing Image Assets - Frogger - p5.js Tutorial
xin xin
Download
33
9.1 JavaScript push(), pop(), unshift(), shift()
xin xin
Download
34
9.2 JavaScript splice() - p5.js Tutorial
xin xin
Download
35
10.1 DOM + interface elements
Katherine Moriwaki
Download
36
12.1 JavaScript setTimeout() - Text Animation - p5.js Tutorial
xin xin
Download
37
12.2 JavaScript setInterval() - Text Animation - p5.js Tutorial
xin xin
Download
38
12.3 Creating and Loading JSON - p5.js Tutorial
xin xin
Download