@pattvira
  @pattvira
Patt Vira | p5.js Coding Tutorial | Oscillating Waves @pattvira | Uploaded December 2023 | Updated October 2024, 3 hours ago.
This tutorial is inspired by an animation created by Dave Whyte from Bees and Bombs https://x.com/beesandbombs/status/1696654569533521962?s=20. His work is amazing. Check them out yourself!

✨ Get your FREE 'Basic toolkit to Getting Started with Creative Coding' on my website: https://www.pattvira.com. Let me know if you find it useful! ✨

Links:
🔗 p5.js editor: editor.p5js.org
🔗 Oscillating Waves Code: editor.p5js.org/pattvira/sketches/gUF95JCw7
🔗 Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn

🔗 Oscillation Series:
🔗 Creative Coding Math: Oscillation: youtu.be/CIl8xSg3HbA
🔗 Beautiful Trigonometry: youtu.be/KUXShW3C9rs

Timestamps:
0:00 Intro
0:35 Creating one oscillating wave
7:23 Writing a Wave class
12:24 Writing a Pack class (set of waves)
17:23 Creating multiple Pack objects
p5.js Coding Tutorial | Oscillating Wavesp5.js Coding Tutorial | Interactive Vinyl Cover (Image Masking)p5.js Coding Tutorial | Donut Forget You Are Awesome 🍩 (aka coding DONUTS)p5.js Coding Tutorial |  Interactive Grid with Bouncing BallWhat is Object-Oriented Programming (OOP) - Creative Coding with p5.jsp5.js Coding Tutorial | Persistence of Vision Effectp5.js Coding Tutorial | Location-Based Data Visualizationp5.js Coding Tutorial |  Bouncing Ballp5.js Coding Tutorial | Create Raster Graphics from ImageWhat is a Creative Technologist?Falling Letters w Secret Message #p5js #javascript #codingp5.js Coding Tutorial | Disco Grid (Perlin Noise)

p5.js Coding Tutorial | Oscillating Waves @pattvira

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER