Code a TEXT ENGINE | Awesome "How to" Scratch Tutorial

https://www.youtube.com/watc...
How to code a Text Engine in Scratch, using either clones or pen stamping. We will be working towards making in game dialog boxes, and pages of text, but can also display simple usernames or cool text. In this tutorial we learn where to get fonts from, how to get them into Scratch, how to process them ready for use in our games. We learn the secret to calculating the size and offset of a costume in code. We make use of Scratch lists, and learn how to loop through all the costumes, and we finally begin coding the text engine itself. We look mono-spaced, and proportional fonts, Serif and Sans-serif, talk about letter widths, and letter spacing, and work around some Scratch bugs! ๐Ÿ‘€ Episode 2 - https://youtu.be/lhHLAQSzQvo ๐Ÿ‘€ Episode 3 - https://youtu.be/oPgUAQ0lzBA โญ Support this channel - Join to get access to perks: https://www.youtube.com/channel/UCawsI_mlmPA7Cfld-qZhBQA/join ๐Ÿ’พ Font Resource Websites Cava's Pixel Resource - https://caveras.net/ Google Fonts - https://fonts.google.com/ โœ‚๏ธ Image / Sprite sheet Splitter EZGif - https://ezgif.com/sprite-cutter Google Font to SVG Path - https://danmarshall.github.io/google-font-to-svg-path/ ๐Ÿฑ Scratch Scratch Font Studio - https://scratch.mit.edu/studios/31906423/ Bitmap Font - https://scratch.mit.edu/projects/716698372/ Sans-Serif Font - https://scratch.mit.edu/projects/717107419/ --------------Video Chapters-------------- 0:00 Intro 1:14 The Typeface (Font) 2:22 Option 1 โ€“ Native Scratch Fonts 5:58 Font Sprite Sheets / Images 8:50 Preparing to Split a font in the Scratch costume editor 11:08 The 9 steps to Splitting a font costume 14:10 Fixing mistakes 15:01 Actually we havenโ€™t quite finished yet 16:17 Google Fonts 16:56 Converting a font to an SVG 18:17 Importing an SVG font and splitting it 20:02 How to calculate the size and origin of Scratch Costume 24:40 Automating the costume measuring script 28:57 Retrieving the offset and size of a costume 29:48 From text string to costume 31:48 Stamping or Cloning โ€“ You choose 32:44 Letter Spacing Quirks and more Scratch Bugs 34:01 The space character 36:21 A fast text engine 38:14 Outro
Home
/
Indie Game Developers
/
griffpatch
/
Code a TEXT ENGINE | Awesome "How to" Scratch Tutorial