p5.js Coding Tutorial | Intro to textToPoints (Kinetic Typography)
✨ 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: https://editor.p5js.org/
🔗 Intro to textToPoints Code: https://editor.p5js.org/pattvira/sket...
🔗 Introduction to Creative Coding Playlist: • START HERE: Creative Coding for Begin...
🔗 Kinetic Typography Series:
🔗 Intro to textToPoints: • p5.js Coding Tutorial | Intro to text...
🔗 Intro to OpenType.js: • p5.js Coding Tutorial | Intro to Open...
🔗 Rotating Type Tutorial: • p5.js Coding Tutorial | Rotating Type...
🔗 Wavy Letter T Tutorial: • p5.js Coding Tutorial | Wavy Letter T...
🔗 3-Dimensional Kinetic Typography Tutorial: • p5.js Coding Tutorial | 3-Dimensional...
🔗 Oscillating Kinetic TypographyTutorial: • p5.js Coding Tutorial | Oscillating K...
🔗 Useful resources:
🔗 textToPoints() Function: https://p5js.org/reference/#/p5.Font/...
🔗 p5.Font Class: https://p5js.org/reference/#/p5.Font
🔗 Google Fonts - Roboto: https://fonts.google.com/specimen/Roboto
Timestamps:
0:00 Intro
0:11 How to use textToPoints() function
0:40 Loading font into sketch
2:30 Using textToPoints()
5:27 Path angle (alpha)
6:10 Font size
8:59 Sample Factor and Simplify Threshold
11:09 Example: Making an oscillating letter A
Watch video p5.js Coding Tutorial | Intro to textToPoints (Kinetic Typography) online without registration, duration hours minute second in high quality. This video was added by user Patt Vira 11 December 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 7,691 once and liked it 372 people.