Overview, big ideas, goals, activities, final project | Internal Links | Dofollow |
1.1 p5.js Introduction and Deconstruction | Internal Links | Dofollow |
1.2 Line Functions and Parameters | Internal Links | Dofollow |
1.3 Rectangles, Ellipses, and Layering | Internal Links | Dofollow |
1.4 Various Shapes, Stroke Weight, Fill() | Internal Links | Dofollow |
Mini-Project - Taijutu Symbol | Internal Links | Dofollow |
2.1 Center elements with built-in variables: width and height | Internal Links | Dofollow |
2.2 Custom Variables | Internal Links | Dofollow |
2.3 Place elements at random positions | Internal Links | Dofollow |
Mini-Project - Custom Emoji | Internal Links | Dofollow |
3.1 Intro to Color | Internal Links | Dofollow |
3.2 RGB vs. HSB colorMode | Internal Links | Dofollow |
3.3 Color Palettes and Design | Internal Links | Dofollow |
Final Project - Abstract Album Art | Internal Links | Dofollow |
Overview, big ideas, goals, activities, final project | Internal Links | Dofollow |
1.1 Conditionals and If Statements | Internal Links | Dofollow |
1.2 Conditionals and If, Else If, Else Statements | Internal Links | Dofollow |
1.3 Logical Operators AND and OR | Internal Links | Dofollow |
1.4 Draw With Mouse | Internal Links | Dofollow |
1.5 Map Function | Internal Links | Dofollow |
2.1 Hover and Conditional Statements | Internal Links | Dofollow |
2.2 Rectangles and Clicks | Internal Links | Dofollow |
Mini-Project - Light Switch Game | Internal Links | Dofollow |
3.1 Key Presses and Conditionals | Internal Links | Dofollow |
Final Project - Paint in P5 | Internal Links | Dofollow |
Overview, big ideas, goals, activities, final project | Internal Links | Dofollow |
1.1 While Loops | Internal Links | Dofollow |
1.2 For Loops I | Internal Links | Dofollow |
1.3 For Loops II | Internal Links | Dofollow |
1.4 Variation In For Loops | Internal Links | Dofollow |
1.5 Nested For Loops | Internal Links | Dofollow |
Mini-Project: Wallpaper Design | Internal Links | Dofollow |
2.1 Introduction to Arrays | Internal Links | Dofollow |
2.2 Arrays and floor() | Internal Links | Dofollow |
2.3 Arrays and Loops | Internal Links | Dofollow |
3.1 Preload, Load Image, Display Image | Internal Links | Dofollow |
3.2 Images && Arrays with ML5 | Internal Links | Dofollow |
3.3 Image Manipulation (Position, Size, Tint) | Internal Links | Dofollow |
Mini-Project: Vision Board | Internal Links | Dofollow |
4.1 Fonts and Text Styling | Internal Links | Dofollow |
Mini-Project: Kinetic Type | Internal Links | Dofollow |
5.1 Sound Files | Internal Links | Dofollow |
5.2 Playing Sounds | Internal Links | Dofollow |
Mini-Project: Musical Keyboard | Internal Links | Dofollow |
Final Project - Meme Generator | Internal Links | Dofollow |
Overview, big ideas, goals, activities, final project | Internal Links | Dofollow |
1 . Make a flip book | Internal Links | Dofollow |
2 . Move in all directions | Internal Links | Dofollow |
3 . Move in cycles | Internal Links | Dofollow |
Level 1 | Internal Links | Dofollow |
Step by Step Guide | Internal Links | Dofollow |
Level 2 | Internal Links | Dofollow |
Level 3 | Internal Links | Dofollow |
Overview, big ideas, goals, activities, final project | Internal Links | Dofollow |
1 . Write a happy-face-drawing function | Internal Links | Dofollow |
2 . Draw many smiley faces, slightly differently | Internal Links | Dofollow |
3 . Return a value | Internal Links | Dofollow |
Level 1 | Internal Links | Dofollow |
Step by Step Guide | Internal Links | Dofollow |
Level 2 | Internal Links | Dofollow |
Level 3 | Internal Links | Dofollow |
Overview, big ideas, goals, activities, final project | Internal Links | Dofollow |
1 . Draw an array of bubbles | Internal Links | Dofollow |
2 . Literal Objects and Constructors | Internal Links | Dofollow |
3 . Add and delete from the array | Internal Links | Dofollow |
4 . Click on a bubble | Internal Links | Dofollow |
Level 1 | Internal Links | Dofollow |
Step by Step Guide | Internal Links | Dofollow |
Level 2 | Internal Links | Dofollow |
Level 3 | Internal Links | Dofollow |
Overview, big ideas, goals, activities, final project | Internal Links | Dofollow |
1 . Add a title and text to your page | Internal Links | Dofollow |
2 . Add title and text from Javascript | Internal Links | Dofollow |
3 . Move canvas around | Internal Links | Dofollow |
4 . Create a button that changes the background | Internal Links | Dofollow |
5 . Add an interface to your sketch: sliders, buttons, text inputs | Internal Links | Dofollow |
6 . Hover on text, drag sliders: control your sketch using HTML elements | Internal Links | Dofollow |
Level 1 | Internal Links | Dofollow |
Step by Step Guide | Internal Links | Dofollow |
Level 2 | Internal Links | Dofollow |
Level 3 | Internal Links | Dofollow |
Unit 1 Example Code Repository | External Links | Dofollow |
Unit 2 Example Code Repository | External Links | Dofollow |
Unit 3 Example Code Repository | External Links | Dofollow |
p5 Examples page | External Links | Dofollow |
p5 Reference page | External Links | Dofollow |
Coding Train | External Links | Dofollow |
Learning Processing | External Links | Dofollow |
Getting Started with p5.js | External Links | Dofollow |
Luisa Pereira | External Links | Dofollow |
Social
Social Data
Cost and overhead previously rendered this semi-public form of communication unfeasible.
But advances in social networking technology from 2004-2010 has made broader concepts of sharing possible.