What the font?!?!
Let's research caller typography features successful p5.js 2.0! In this video, I screen really to activity pinch adaptable fonts, person matter to 3D models pinch textModel(), extract contours pinch textContours(), and power the item of your typography pinch sampleFactor and simplifyThreshold. Code: https://thecodingtrain.com/tracks/p5js-2.0/p5js-2.0/typography ๐ Watch this video ad-free connected Nebula https://nebula.tv/videos/codingtrain-p5js-20-typography p5.js Web Editor Sketches: ๐น๏ธ Variable Font Weights: https://editor.p5js.org/codingtrain/sketches/9SZYb2vX3 ๐น๏ธ textContours(): https://editor.p5js.org/codingtrain/sketches/ffDf3LmKi ๐น๏ธ textModel() - 3D Text: https://editor.p5js.org/codingtrain/sketches/Z4DkmlvyM ๐น๏ธ Coding Challenge 59 - p5.js 2.0: https://editor.p5js.org/codingtrain/sketches/cetWD9rvY ๐น๏ธ One Letter, Two Contours: https://editor.p5js.org/codingtrain/sketches/2xr1TAmXK ๐น๏ธ sampleFactor Diagram: https://editor.p5js.org/codingtrain/sketches/c23YgfIhC ๐น๏ธ simplifyThreshold Demo: https://editor.p5js.org/codingtrain/sketches/9_CnA7lrl ๐ฅ Previous: https://youtu.be/25omXt_OjD4 ๐ฅ Next: https://youtu.be/1KqQeqZ3R9Y References: ๐ p5.js 2.0: You Are Here & How to Contribute!: https://discourse.processing.org/t/dev-updates-p5-js-2-0-you-are-here-how-to-contribute/46130 ๐ค Google Fonts: https://fonts.google.com ๐ Typography questions and imaginable bugs (Issue #8177): https://github.com/processing/p5.js/issues/8177 ๐ Reference errors: textToContours() and textToModel() (Issue #8623): https://github.com/processing/p5.js/issues/8623 ๐ loadFont() Reference: https://beta.p5js.org/reference/p5/loadFont/ ๐ textWeight() Reference: https://beta.p5js.org/reference/p5/textWeight ๐ textContours() Reference: https://beta.p5js.org/reference/p5/textContours ๐ textModel() Reference: https://beta.p5js.org/reference/p5/textModel Videos: ๐ฅ https://youtu.be/1KqQeqZ3R9Y ๐ https://youtu.be/0Ad5Frf8NBM ๐ https://youtu.be/25omXt_OjD4 ๐ https://youtu.be/o9sgjuh-CBM ๐ฏ https://youtu.be/4hA7G3gup-4 Related Coding Challenges: ๐ https://youtu.be/4hA7G3gup-4 Timestamps: 0:00 Welcome! 0:49 Finding Fonts (Google Fonts) 1:01 Loading Fonts pinch Async/Await 2:30 Variable Fonts 3:17 textWeight() 4:03 Animated Text Weight 4:31 Coding Challenge 59 - Steering Behaviors 5:15 textContours() Introduction 6:00 sampleFactor and simplifyThreshold 9:00 sampleFactor Explained 12:00 simplifyThreshold Explained 14:00 Updating Challenge 59 to p5.js 2.0 15:00 Angle Property of Contours 17:00 textModel() for 3D Text 19:00 Extrude Option 20:11 Goodbye! Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound ๐ Website: https://thecodingtrain.com/ ๐พ Share Your Creation! https://thecodingtrain.com/guides/passenger-showcase-guide ๐ฉ Suggest Topics: https://github.com/CodingTrain/Suggestion-Box ๐ก GitHub: https://github.com/CodingTrain ๐ฌ Discord: https://thecodingtrain.com/discord ๐ Membership: http://youtube.com/thecodingtrain/join ๐ Store: https://standard.tv/codingtrain ๐๏ธ Twitter: https://twitter.com/thecodingtrain ๐ธ Instagram: https://www.instagram.com/the.coding.train/ ๐ฅ https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH ๐ฅ https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA ๐ p5.js: https://p5js.org ๐ p5.js Web Editor: https://editor.p5js.org/ ๐ Processing: https://processing.org ๐ Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct This explanation was auto-generated. If you spot a problem, please unfastened an issue: https://github.com/CodingTrain/thecodingtrain.com/issues/new #typography #fonts #text #p5js2 #variablefonts #3dtext #textcontours #p5js #javascript
English (US) ·
Indonesian (ID) ·