Code a TEXT ENGINE | Awesome "How to" Scratch Tutorial
9,733How 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
Other Videos By griffpatch
Other Statistics
Scratches Statistics For griffpatch
griffpatch currently has 24,500,415 views spread across 87 videos for Scratches. There's over 1 day worth of watchable video for Scratches published on his channel, roughly 49.28% of the content that griffpatch has uploaded to YouTube.