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

Опубликовано: 19 Ноябрь 2024
на канале: Patt Vira
611
73

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/
🔗 Robot Oscillating Waves (3D) Code: https://editor.p5js.org/pattvira/sket...
🔗 Introduction to Creative Coding Playlist:    • START HERE: Creative Coding for Begin...  

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

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


Смотрите видео p5.js Coding Tutorial | Oscillating Wave Pattern (in 3D) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Patt Vira 19 Ноябрь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 611 раз и оно понравилось 73 людям.