Concept List for The Art of Processing¶

A complete list of 600 concepts derived from the course description.

Coordinate System
Canvas Element
Setup Function
Draw Function
Frame Rate
Frame Count
Pixel Grid
Canvas Width
Canvas Height
Create Canvas Function
Background Color Function
Preload Function
No Loop Function
Redraw Function
Loop Control Function
Window Resized Event
Resize Canvas Function
Full Screen Mode
Display Density
Pixel Density Control
Console Log Debugging
Statement Semicolon Syntax
Code Comments Syntax
Script Inclusion Tag
p5.js Library Import
CDN Script Loading
Global Mode Execution
Instance Mode Execution
p5 Constructor Function
Render Cycle Loop
Delta Time Tracking
Target Frame Rate Setting
Canvas Aspect Ratio
Point Primitive
Line Primitive
Rectangle Primitive
Ellipse Primitive
Circle Shortcut Function
Square Shortcut Function
Triangle Primitive
Quad Primitive
Arc Shape Primitive
Ellipse Mode Center
Ellipse Mode Corner
Rect Mode Center
Rect Mode Corner
Begin Shape Function
End Shape Function
Vertex Coordinates
Close Shape Parameter
Begin Contour Function
End Contour Function
Bézier Curve Function
Bézier Control Points
Bézier Vertex Function
Curve Shape Function
Curve Tightness Setting
Curve Vertex Function
Corner Radius Rectangle
Shape Stroke Weight
Stroke Cap Style
Stroke Join Style
No Stroke Function
No Fill Function
Smooth Rendering
No Smooth Rendering
Bounding Box Calculation
Shape Area Computation
RGB Color Space
RGBA Alpha Channel
HSB Color Space
HSL Color Space
Color Mode Setting
Fill Color Function
Stroke Color Function
Grayscale Value Syntax
Hex Color Code Strings
Web Named Color Strings
p5 Color Object
Red Channel Extraction
Green Channel Extraction
Blue Channel Extraction
Alpha Value Extraction
Hue Component Extraction
Saturation Extraction
Brightness Extraction
Color Interpolation Lerp
Palette Color Array
Complimentary Color Logic
Triadic Palette Generator
Load Pixels Function
Update Pixels Function
Pixels Array Indexing
Get Pixel Color
Set Pixel Color
Color Blend Modes
Multiply Blend Mode
Screen Blend Mode
Additive Color Mixing
Subtractive Color Mixing
Color Contrast Ratio
Color Accessibility Palette
Let Variable Declaration
Const Constant Variable
Global Variable Scope
Local Block Scope
If Conditional Branch
Else Conditional Branch
Else If Chained Logic
Relational Operators
Logical AND Operator
Logical OR Operator
Logical NOT Operator
Ternary Operator Syntax
Switch Statement Syntax
While Loop Construct
For Loop Construct
Loop Counter Variable
Infinite Loop Prevention
Nested For Loops
2D Grid Iteration
Array Data Structure
Array Element Indexing
Array Push Method
Array Pop Method
Array Length Property
For Of Loop Iteration
For Each Array Method
Array Splice Removal
Array Concat Joining
2D Matrix Array
Array Reverse Ordering
Array Sort Ordering
Boolean Flag Variable
State Machine Logic
Break and Continue Keywords
Translate Function
Rotate Function
Scale Function
Push Function
Pop Function
Matrix Stack Operations
Transformation Order Logic
Origin Point Relocation
Radians Angle System
Degrees Angle System
Angle Mode Setting
Shear X Transformation
Shear Y Transformation
Uniform Scaling
Non Uniform Scaling
Negative Scale Reflection
Hierarchical Transformation
Solar System Transformation
Robot Joint Transformation
Reset Matrix Function
Apply Matrix Function
Get Current Matrix
Screen to Local Coordinates
Local to Screen Coordinates
Pivot Point Selection
Center Rotation Pattern
Corner Rotation Pattern
Isolated Canvas Layers
Nested Transformation Trees
Rotation Speed Variable
Oscillating Rotation Angle
Scale Factor Animation
Transform Matrix Inversion
Affine Transformation Model
Linear Motion Logic
Position Displacement
Constant Velocity
Sine Function Math
Cosine Function Math
Tangent Function Math
Wave Amplitude Parameter
Wave Frequency Parameter
Wave Phase Offset
Harmonic Motion Wave
Circle Polar Coordinates
Polar to Cartesian Formula
Cartesian to Polar Formula
Arc Tangent Atan2 Function
Angle Between Coordinates
Rotational Tracking Motion
Map Range Function
Constrain Value Function
Linear Interpolation Lerp
Distance Formula Dist
Square Distance Metric
Lissajous Curve Generator
Spiral Pattern Generation
Damped Harmonic Oscillation
Pendulum Swing Simulation
Wave Interference Pattern
Circular Orbit Simulation
Elliptical Path Trajectory
Easing Function In
Easing Function Out
Easing Function In Out
Frame Independent Motion
Step Motion Accumulator
Trigonometric Lookup Table
Random Function Float
Random Range Function
Random Seed Setting
Random Gaussian Normal
Standard Deviation Spread
Mean Center Value
Random Walk Algorithm
Levy Flight Algorithm
Perlin Noise Concept
Noise Function 1D
Noise Function 2D
Noise Function 3D
Noise Scale Increment
Noise Detail Octaves
Noise Falloff Ratio
Noise Seed Function
Smooth Noise Landscape
Noise Animated Terrain
Noise Flow Field Concept
Vector Field Direction
Organic Curve Generation
Noise Texture Map
Wobbly Circle Generator
Perlin Noise vs Random
Simplex Noise Derivative
Worley Cell Noise
Monte Carlo Selection
Weighted Random Choice
Shuffle Array Order
Stochastic Tree Growth
Brownian Motion Model
Cloud Texture Generator
Marble Texture Generator
Noise Displacement Map
p5 Vector Class Concept
Create Vector Function
Vector Addition Add
Vector Subtraction Sub
Vector Scalar Multiply
Vector Scalar Divide
Vector Magnitude Mag
Vector Magnitude Sq
Vector Normalize Method
Vector Set Mag Method
Vector Limit Magnitude
Vector Heading Angle
Vector From Angle
Vector Random 2D
Vector Dot Product
Vector Cross Product
Vector Distance Dist
Vector Angle Between
Vector Lerp Method
Velocity Motion Vector
Acceleration Force Vector
Accumulate Forces Newton
Mass Attribute Scalar
Gravity Force Simulation
Friction Drag Simulation
Fluid Resistance Model
Gravitational Attraction
Elastic Collision Bouncing
Particle Class Object
Particle System Manager
Particle Lifespan Decay
Particle Emitter Location
Flocking Boids Steering
Spring Force Hooke Law
Mouse X Position
Mouse Y Position
Previous Mouse X PmouseX
Previous Mouse Y PmouseY
Mouse Is Pressed Flag
Mouse Button Value
Mouse Pressed Event
Mouse Released Event
Mouse Moved Event
Mouse Dragged Event
Mouse Clicked Event
Mouse Wheel Event
Key Is Pressed Flag
Key Variable Character
Key Code Number
Key Pressed Event
Key Released Event
Key Typed Event
Touch Touches Array
Touch Started Event
Touch Moved Event
Touch Ended Event
Device Orientation Tilt
Device Motion Acceleration
Shake Gesture Event
Hit Test Point Rect
Hit Test Point Circle
Hover Focus State
Drag and Drop Element
Cursor Appearance Pointer
No Cursor Function
Request Pointer Lock
Virtual Gamepad Input
Multi Touch Gesture Pinch
Create Button Element
Create Slider Control
Create Input Textbox
Create Select Dropdown
Create Checkbox Control
Create Radio Buttons
Create Color Picker
Create Paragraph Tag
Create Div Container
Create Span Text Inline
Create Img Element
DOM Element Position
DOM Element Size
DOM Element Style CSS
DOM Element Class Add
DOM Element Value Get
DOM Element Value Set
DOM Mouse Pressed Event
DOM Changed Event
DOM Input Event
Parent Container Attachment
Child Element Removal
Canvas Parent Wrapper
Hide DOM Element
Show DOM Element
Select HTML Element
Select All HTML Elements
HTML5 Canvas Integration
CSS Flexbox Layout
CSS Grid Styling
Responsive Layout Handler
DOM Drag File Event
File Input Button
Embedded iFrame Canvas
Function Declaration Syntax
Function Parameters Arguments
Function Return Statement
Arrow Function Expression
Callback Function Logic
Anonymous Function Usage
ES6 Class Declaration
Class Constructor Method
Class Method Definition
Class Instance Instantiation
This Keyword Binding
Class Inheritance Extends
Super Constructor Call
Static Method Definition
Object Literal Syntax
Object Property Access
Object Destructuring
Array Destructuring
Spread Operator Array
Rest Parameters Function
Array Map Higher Order
Array Filter Method
Array Reduce Method
Promise Object Async
Async Keyword Function
Await Keyword Expression
Fetch API Web Request
JSON Parse String
JSON Stringify Object
Load JSON p5 Function
ES6 Module Import Export
Try Catch Error Handling
Local Storage Persistence
Set Data Structure
WEBGL Renderer Mode
3D Coordinate System
Z Axis Depth Position
Box 3D Primitive
Sphere 3D Primitive
Cylinder 3D Primitive
Cone 3D Primitive
Torus 3D Primitive
Plane 3D Geometry
Ellipsoid 3D Geometry
Orbit Control Camera
Camera Position Setting
Perspective Camera Mode
Ortho Camera Mode
Ambient Light Source
Directional Light Source
Point Light Source
Spot Light Source
Normal Material Shading
Basic Material Shading
Ambient Material Shading
Specular Material Shading
Shininess Parameter
Texture Mapping Function
Create Shader Function
Load Shader p5 Files
Shader Uniform Variables
Fragment Shader Filter
Vertex Shader Displacement
3D Model OBJ Import
Load Model Function
3D Mesh Vertex Array
3D Lighting Model Combined
Z Buffer Depth Test
p5 Sound Library Include
User Start Audio Context
Load Sound File
Sound File Play
Sound File Stop
Sound File Pause
Sound File Loop
Sound Is Playing Status
Set Volume Level
Sound Pan Spatial
Playback Rate Speed
p5 Oscillator Class
Oscillator Wave Sine
Oscillator Wave Square
Oscillator Wave Triangle
Oscillator Wave Sawtooth
Oscillator Start Stop
Oscillator Frequency Set
ADSR Envelope Class
Envelope Attack Time
Envelope Decay Time
Envelope Sustain Level
Envelope Release Time
Play Envelope Trigger
p5 Noise White Pink
Audio Filter Lowpass
Audio Filter Highpass
Audio Filter Bandpass
Reverb Sound Effect
Delay Sound Effect
Audio Distortion Effect
Polyphonic Synthesizer
Midi Note to Frequency
Audio Node Signal Route
p5 AudioIn Microphone
Microphone Start Input
Microphone Stop Input
Microphone Get Level
p5 Amplitude Class
Amplitude Get Level
Smooth Amplitude Level
p5 FFT Class Concept
FFT Analyze Spectrum
FFT Frequency Bins Array
FFT Get Energy Bass
FFT Get Energy LowMid
FFT Get Energy Mid
FFT Get Energy HighMid
FFT Get Energy Treble
FFT Waveform Time Domain
Spectrum Frequency Chart
Circular Audio Visualizer
Beat Detection Threshold
Beat Detection Energy Peak
Audio Reactive Pulse Scale
Audio Reactive Color Shift
Particle Burst on Beat
Fast Fourier Transform Math
Audio Spectrogram Plot
Audio Pitch Detection
Frequency Centroid Math
Logarithmic Frequency Scale
Octave Band Splitting
Audio Input Peak Hold
Audio Visual EQ Bars
3D Audio Reactive Visual
Microphone Feedback Gate
Acoustic Signal Processing
Load Image Function
Image Drawing Function
Image Resize Function
Image Tint Function
No Tint Function
Image Crop Subrectangle
Create Image Blank
p5 Image Class Object
Image Pixel Array Load
Image Filter Grayscale
Image Filter Invert
Image Filter Threshold
Image Filter Blur
Image Filter Posterize
Image Filter Erode
Image Filter Dilate
Create Capture Webcam
Video Capture Hide DOM
Webcam Pixel Mirroring
Webcam Motion Difference
Slit Scan Video Effect
ASCIIfy Image Converter
Halftone Dot Image Screen
Pixelate Image Mosaic
Convolution Matrix Filter
Sobel Edge Detection Filter
Save Canvas Image File
Save Frames Animation GIF
Graphics Offscreen Buffer
Create Graphics Function
Offscreen Texture Render
Mask Image Alpha Shape
Text Drawing Function
Text Size Setting
Text Align Alignment
Load Font File
Text Font Setting
p5 Font Class Object
Text Bounds Bounding Box
Text To Points Vector
Font Glyph Outlines
Particle Typography Effect
Wobbly Text Particle Point
Kinetic Typography Motion
Text Leading Spacing
Text Style Bold Italic
Text Ascent Descent Metric
Text Wrap Word Container
System Web Font Stack
OTF TTF Font Support
Variable Font Parameters
3D Text Extrusion WebGL
Text Path Following Arc
Interactive Text Input Typo
Generative Type Grid
Deconstructed Letterforms
ASCII Art Text Canvas
Text Stroke Fill Combo
Per Character Rotation
Dynamic Font Scaling
Kerning Letter Spacing
SVG Font Path Parsing
p5 Web Editor Interface
Web Editor Sketch File
Web Editor Asset Sidebar
VS Code Code Editor
Live Server VS Extension
Browser Developer Console
Browser Element Inspector
Browser Network Tab
JavaScript Breakpoints
Debugger Keyword Syntax
p5 Sound Local Host CORS
CORS Security Policy
Local Web Server Python
Git Version Control
GitHub Repository Hosting
GitHub Pages Deployment
MkDocs Material Textbook
p5 Accessibility Library
Screen Reader Description
Text Output Accessible
Grid Output Accessible
p5 Sound Recording Tool
Minified Library Production
Source Maps Debugging
npm Package Manager
Bundler Vite Webpack
ESLint Code Formatter
Prettier Code Formatting
p5 CLI Command Tool
Offline p5 Reference Guide
Computational Thinking Concept
Algorithmic Decomposition
Pattern Recognition Visual
Abstraction Problem Solving
Algorithm Design Step
Live Coding Demonstration
Pair Programming Practice
Code Review Peer Rubric
Scaffolding Starter Code
Parsons Problems Syntax
Predict Output Exercises
Debugging Mental Model
Common Misconception Background
Common Misconception PushPop
Common Misconception Scope
Common Misconception Audio
Creative Coding Art History
Vera Molnár Generative Art
John Whitney Computer Motion
Manfred Mohr Algorithmic Art
Casey Reas Ben Fry Processing
Interactive MicroSim Design
Differentiated Challenge Level
Inclusive Mentoring Workshop
Formative Code Assessment
Summative Capstone Project
Rubric Creativity Code Quality
Student Portfolio Showcase
Universal Design Learning UDL
Visual Math Pedagogy
Acoustic Signal Pedagogy
Artistic Computational Synthesis