✨ Get your FREE 'Basic toolkit to Getting Started with Creative Coding' on my website: www.pattvira.com. Let me know if you find it useful! ✨
-
Links:
🔗 p5.js editor: editor.p5js.org/
🔗 Intro to OpenType.js Code: editor.p5js.org/pattvira/sket...
🔗 Introduction to Creative Coding Playlist: • START HERE: Creative C...
🔗 Kinetic Typography Series:
🔗 Intro to textToPoints: • p5.js Coding Tutorial ...
🔗 Intro to OpenType.js: • p5.js Coding Tutorial ...
🔗 Rotating Type Tutorial: • p5.js Coding Tutorial ...
🔗 Wavy Letter T Tutorial: • p5.js Coding Tutorial ...
🔗 3-Dimensional Kinetic Typography Tutorial: • p5.js Coding Tutorial ...
🔗 Oscillating Kinetic TypographyTutorial: • p5.js Coding Tutorial ...
🔗 Useful resources:
🔗 textToPoints() Function: p5js.org/reference/#/p5.Font/...
🔗 p5.Font Class: p5js.org/reference/#/p5.Font
Timestamps:
0:00 Intro
0:50 Integrating and using OpenType.js library
5:37 Explaining path commands
7:14 Connecting points based on path commands
11:42 Integrating and using g.js to resample path
17:44 Converting from 1D to 2D array for more control
Негізгі бет p5.js Coding Tutorial | Intro to OpenType.js (Kinetic Typography)
Пікірлер: 6