What the font?!?!

Mar 30, 2026 09:02 PM - 1 day ago 1280


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
More
โ†‘