p5.js Coding Tutorial | Intro to textToPoints (Kinetic Typography)

Опубликовано: 11 Декабрь 2023
на канале: Patt Vira

7,691

372

✨ 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

Смотрите видео p5.js Coding Tutorial | Intro to textToPoints (Kinetic Typography) онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Patt Vira 11 Декабрь 2023, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 7,691 раз и оно понравилось 372 людям.