MENU

Fun & Interesting

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

Patt Vira 1,609 lượt xem 2 months ago
Video Not Working? Fix It Now

LET'S CONNECT
✨ Sign up for my newsletter at https://www.pattvira.com
✨ Instagram: https://www.instagram.com/pattvira
✨ Twitter: https://twitter.com/pattvira
--
Links:
🔗 p5.js editor: https://editor.p5js.org/
🔗 Robot Oscillating Waves (3D) Code: https://editor.p5js.org/pattvira/sketches/MrusyEiBe
🔗 Introduction to Creative Coding Playlist: https://youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn

References:
🔗 Oscillating Wave Pattern (in 2D): https://youtu.be/MpDUW_bvihE
🔗 Coding Challenge #86: Cube Wave by Bees and Bombs: https://www.youtube.com/watch?v=H81Tdrmz2LA

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

Comment