Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
12-week-p5js [2022/04/01 00:30] – renick | 12-week-p5js [2025/02/17 23:36] (current) – renick | ||
---|---|---|---|
Line 1: | Line 1: | ||
====== 12-Week p5js course ====== | ====== 12-Week p5js course ====== | ||
- | | + | ===== Introduction ===== |
- | - booleans, equality, equality vs. assigment, greater/ | + | |
- | - reassigning a variable, for loop; p5js: translate, rotate, resetMatrix | + | This coding course is generally meant to introduce you to programming and some possibilities for you to use it in your future life. In particular, you will become basically familiar with the <color black/ |
- | - array, index, push, pop, concat, Math.floor, pick | + | |
- | - buildArray, arrow functions, remainder (especially used for looping); p5js: line, begin/end shape | + | We hope that by taking part in the course, you will (further) develop your ability to see and think about the world in a different way. This will help you with overcoming challenges and novel situations in your future life. You may also find that you develop interest in further learning programming and wish to continue down that path in the future. |
- | - using objects, class, property, method, Point class; p5js: animation basics | + | |
- | - making your own class 1; p5js: frameRate | + | As with learning in any new field, subject, or language, you may face difficulties in the beginning which makes you want to give up. You may start to think that maybe you are not " |
- | - making your own class 2; p5js: more animation | + | |
- | - array review, arrow function review, forEach | + | At the end of this course, you will be able to command your computer to create a visual image you imagined in your head. Your improvements and your final product will be documented on our group wiki site, and you will receive a certificate to document your learning as well. Most importantly, |
- | - if statement 1 | + | |
- | - if statement 2 | + | Good luck. |
- | - map; p5js: gradients | + | |
+ | ===== a note about important terms and JavaScript keywords ===== | ||
+ | |||
+ | In the lessons below, important terminology will be <color black/ | ||
+ | |||
+ | ===== a note about the p5js editor | ||
+ | |||
+ | You will want to get familiar with this editor. | ||
+ | |||
+ | https:// | ||
+ | |||
+ | 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 ===== | ||
+ | |||
+ | - [[p5js-week-01|01]]: | ||
+ | - [[p5js-week-02|02]]: | ||
+ | - [[p5js-week-03|03]]: | ||
+ | - [[p5js-week-04|04]]: | ||
+ | - [[p5js-week-05|05]]: | ||
+ | - [[p5js-week-06|06]]: | ||
+ | - [[p5js-week-07|07]]: | ||
+ | - [[p5js-week-08|08]]: | ||
+ | - [[p5js-week-09|09]]: | ||
+ | - [[p5js-week-10|10]]: | ||
+ | - [[p5js-week-11|11]]: | ||
+ | - [[p5js-week-12|12]]: | ||
+ | |||
+ | ===== Supplemental Lessons ===== | ||
+ | |||
+ | - [[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! ===== | ||