Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision		 Previous revision
12-week-p5js [2023/06/22 23:51] – renick12-week-p5js [2025/02/17 23:36] (current) – renick
Line 12: Line 12:
  
 Good luck.  Good luck. 
 +
 +===== a note about important terms and JavaScript keywords =====
 +
 +In the lessons below, important terminology will be <color black/pink>labeled in pink, like this</color>. We'll also link them to Wikipedia or other references as much as we can. There are certain words that the JavaScript programming language reserves for its use. These words have a special meaning in JavaScript, and when we talk about them in the lesson we'll <color black/yellow>display them in yellow, like this</color>.
      
 +===== a note about the p5js editor  =====
 +
 +You will want to get familiar with this editor. 
 +  
 +https://editor.p5js.org/
 +
 +It'd be a good idea to go there and create an account. Copy code over from any example, run it, and change it freely!
 +
 ===== Class Schedule ===== ===== Class Schedule =====
  
-  - [[p5js-week-01|week 01]]: using the console, using variables, calling and making functions, strings , order of execution, using the wiki, screenshots; p5js: 01. using the p5js editor, setup, draw, shapes (rect, ellipse), coordinates, sizes, fill, stroke, color picker +  - [[p5js-week-01|01]]: using the console, using variables, calling and making functions, strings , order of execution, using the wiki, screenshots; p5js: 01. using the p5js editor, setup, draw, shapes (rect, ellipse), coordinates, sizes, fill, stroke, color picker 
-  - [[p5js-week-02|week 02]]: length, booleans, equality, equality vs. assignment, greater/less than, Math.random; p5js: background, RGB colors, HSL color, mouseX, mouseY, text, triangle, making a function called earth, embedding in the wiki +  - [[p5js-week-02|02]]: length, booleans, equality, equality vs. assignment, greater/less than, Math.random; p5js: background, RGB colors, HSL color, mouseX, mouseY, text, triangle, making a function called earth, embedding in the wiki 
-  - [[p5js-week-03|week 03]]: increment, reassigning a variable, for loop; p5js: using a for-loop for drawing, remainder (especially used for looping)  +  - [[p5js-week-03|03]]: increment, reassigning a variable, for loop; p5js: using a for-loop for drawing, remainder (especially used for looping)  
-  - [[p5js-week-04|week 04]]: array, index, push, pop, concat, Math.floor, pick; p5js: translate, rotate, resetMatrix +  - [[p5js-week-04|04]]: array, index, push, pop, concat, Math.floor, pick; p5js: translate, rotate, resetMatrix 
-  - [[p5js-week-05|week 05]]: buildArray, arrow functions; p5js: line, begin/end shape +  - [[p5js-week-05|05]]: buildArray, arrow functions; p5js: line, begin/end shape 
-  - [[p5js-week-06|week 06]]: using objects, class, property, method, forEach, Point class; p5js: using the Point class to draw +  - [[p5js-week-06|06]]: using objects, class, property, method, forEach, Point class; p5js: using the Point class to draw 
-  - [[p5js-week-07|week 07]]: making your own class 2, map; p5js: a better shape function, drawing with your own class 2 +  - [[p5js-week-07|07]]: making your own class 2, map; p5js: a better shape function, drawing with your own class 2 
-  - [[p5js-week-08|week 08]]: making your own class 3, filter; p5js: drawing with your own class 3 +  - [[p5js-week-08|08]]: making your own class 3, filter; p5js: drawing with your own class 3 
-  - [[p5js-week-09|week 09]]: review +  - [[p5js-week-09|09]]: review 
-  - [[p5js-week-10|week 10]]: making your own class and drawing with it 4 +  - [[p5js-week-10|10]]: making your own class and drawing with it 4 
-  - [[p5js-week-11|week 11]]: if statement 1, more about forEach (two-argument callbacks) +  - [[p5js-week-11|11]]: if statement 1, more about forEach (two-argument callbacks) 
-  - [[p5js-week-12|week 12]]: if statement 2: else and else if, includes+  - [[p5js-week-12|12]]: if statement 2: else and else if, includes
  
 ===== Supplemental Lessons ===== ===== Supplemental Lessons =====
  
   - [[p5js-supplement-01|supplement 01]]: sharing code, open source software   - [[p5js-supplement-01|supplement 01]]: sharing code, open source software
 +  - [[p5js-local-server|supplement 02]]: hosting your sketches on a local server
 +  - [[p5js-interaction|supplement 03]]: making interactive sketches
 +  - [[p5js-photos|supplement 04]]: manipulating photos in p5js
 +  - [[p5js-photos-interactive|supplement 05]]: combining interactivity and photos in p5js
 +  - [[p5js-sound1|supplement 06]]: the basics of sound in p5js
 +  - [[p5js-webcam1|supplement 07]]: using the webcam in p5js
 +  - [[p5js-animation|supplement 08]]: the basics of animation
 +
 +===== Thanks! =====
 +
  • 12-week-p5js.1687503115.txt.gz
  • Last modified: 23 months ago
  • by renick