@pattvira
  @pattvira
Patt Vira | p5.js Coding Tutorial | Rotating Typography @pattvira | Uploaded May 2024 | Updated October 2024, 10 minutes 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
πŸ”— Rotating Typography Code: editor.p5js.org/pattvira/sketches/lDWlP7kVE
πŸ”— Introduction to Creative Coding Playlist: youtube.com/playlist?list=PL0beHPVMklwgMz4Z-mNp4_udo9mjBk7pn&si=XhvQaojd6cIrxvdn

References:
πŸ”— Easing Functions: easings.net

Timestamps:
0:00 Intro
0:10 Create a string of text that rotates around a circular path
7:26 Create a Type class
10:48 Create multiple Type objects
15:31 Add easing functions
20:53 Add final touches
p5.js Coding Tutorial | Rotating Typographyp5.js Coding Tutorial | SierpiΕ„ski Triangle (Cool facts at the end!)Sound Mini Series | EPISODE 2 - Bubbly Keyboard 🎹p5.js Coding Tutorial | Synchronized Rotating Arcsp5.js Coding Tutorial | Lava Lamp (Marching Squares)p5.js Coding Tutorial | Color Gradient Animation (lerpColor Function)p5.js Coding Tutorial | 3-Dimensional Kinetic TypographyASCII Text Images and Videos #p5js #javascript #coding #shortsp5.js Coding Tutorial | Interactive Colliding Objectsp5.js Coding Tutorial | Conways Game of Life πŸ‘Ύp5.js Coding Tutorial | Snow (Object-oriented Programming)p5.js Coding Tutorial |  Circular Grid Graphics (Nested Loop / 2D Array)

p5.js Coding Tutorial | Rotating Typography @pattvira

SHARE TO X SHARE TO REDDIT SHARE TO FACEBOOK WALLPAPER