p5.md

P5.js

• 생활코딩 - p5.js

---

P5.js Basics

• p00 - Get Started
• p01 - p5.js Web Editor
• p02 - Shapes & Drawing
• p03 - Color
• p04 - Variables 1
• p05 - Variables 2
• p06 - Incrementation Operators
• p07 - random() Function
• p08 - map() Function
• p09 - createGraphics() Function
• p10 - Introduction to Conditional Statements
• p11 - The Bouncing Ball
• p12 - Else and Else if, AND and OR
• p13 - Boolean Variables
• p14 - while and for Loops
• p15 - Function
• p16 - Object-Oriented Programming with ES6
• p17 - What is an array?
• p18 - Arrays and Loops
• p19 - Arrays of Objects
• p20 - Mouse Interaction with Objects
• p21 - Removing Objects from Arrays
• p22 - Object Communication
• p23 - Uploading Media Files
• p24 - Objects and Images

---

Sound in P5.js

• s00 - Loading and Playing
• s01 - Timing, Jumps and Cues
• s02 - Amplitude Analysis
• s03 - Adding Sound Effects: The Snake Game with Sound
• s04 - Sound Synthesis
• s05 - Microphone Input and Sound Visualization
• s06 - Frequency Analysis with FFT

Speech in P5.js

• c00 - Text-to-Speech (TTS)
• c01 - Speech Recognition (Speech-to-Text, STT)

Video Game in P5.js

• v00 - The Snake Game (no sound)

---

WEBGL in P5.js

• w00 - 3D Geometries
• w01 - Light and Material
• w02 - Texture
• w03 - Camera and Perspective
• w04 - createGraphics() as WebGL Texture
• w05 - Loading OBJ Model
• w06 - 3D Custom Shapes

---

Chatbot in P5.js

• b00 - Chatbots with RiveScript
• b01 - Number Guessing Chatbot
• b02 - Voice Chatbot with p5.Speech

---

KaTeX in P5.js

• k00 - Math Equation Display