@pattvira
  @pattvira
Patt Vira | p5.js Coding Tutorial | Oscillating Sphere @pattvira | Uploaded March 2024 | Updated October 2024, 7 hours ago.
LET'S CONNECT
✨ Sign up for my newsletter at pattvira.com
✨ Instagram: instagram.com/pattvira
✨ Twitter: twitter.com/pattvira
--
Links:
πŸ”— p5.js editor: editor.p5js.org
πŸ”— Oscillating Sphere Code: editor.p5js.org/pattvira/sketches/R2QG09tjC
πŸ”— Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn

Related Video:
πŸ”— Creative Coding Math - Oscillation: youtu.be/CIl8xSg3HbA
πŸ”— Coding Tutorial - Oscillating Waves: youtu.be/nqvJDkKsYYI
πŸ”— Coding Tutorial - Beautiful Trigonometry: youtu.be/KUXShW3C9rs

Reference:
πŸ”— Charlie Deck's version: bigblueboo.tumblr.com/image/146064480629

Timestamps:
0:00 Intro
0:21 Create an oscillating wave
5:08 Create a Wave class
6:57 Create multiple wave objects
7:53 Put a distance between each wave
9:37 Oscillate the shift variable using a simple harmonic equation
11:16 Experiment!
p5.js Coding Tutorial | Oscillating SphereConditionals (If, Else If, Else) - Creative Coding with p5.jsPass by Value vs Pass by Reference - Creative Coding with p5.jsBuilding Blocks - Creative Coding with p5.jsp5.js Coding Tutorial | Introduction to matter.js πŸ”΄ πŸŸͺp5.js Coding Tutorial | Star-Shaped Ring Animationp5.js Coding Tutorial | MΓΆbius Stripp5.js Coding Tutorial | Bouncing Wave Typographyp5.js Coding Tutorial | Bouncing Balls with matter.jsp5.js Coding Tutorial | Magnifying Glassp5.js Coding Tutorial | Intro to textToPoints (Kinetic Typography)Creative Coding Math: Trigonometry and Polar Coordinates

p5.js Coding Tutorial | Oscillating Sphere @pattvira

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER