p5.js Coding Tutorial | Oscillating Wave Pattern (in 3D)

Опубликовано: 22 Июнь 2026
на канале: Patt Vira

2,544

147

LET'S CONNECT
✨ Sign up for my newsletter at https://www.pattvira.com
✨ Instagram:   / pattvira
✨ Twitter:   / pattvira
--
Links:
🔗 p5.js editor: https://editor.p5js.org/
🔗 Oscillating Waves (3D) Code: https://editor.p5js.org/pattvira/sket...
🔗 Introduction to Creative Coding Playlist:    • START HERE: Creative Coding for Beginners

References:
🔗 Oscillating Wave Pattern (in 2D):    • p5.js Coding Tutorial | Oscillating Wave P...
🔗 Coding Challenge #86: Cube Wave by Bees and Bombs:    • Coding Challenge 86: Cube Wave by Bees and...

Timestamps:
0:00 Intro
0:37 Create a box in WEBGL mode
4:08 Create a grid of boxes
7:48 Center the grid of boxes on canvas
9:23 Create a Box class
13:08 Create a wave pattern and an oscillating movement
19:05 Final touches