Cobalt Dungeon Dev 02: Creating a Bitmap Font for Phaser
Multithreaded JavaScript has been published with O'Reilly!In this video we will take a font file (one with a TTF extension) and convert it into a bitmap font (XML and PNG files) for use with the Phaser game engine. Technically these font files can be used for other HTML5 game engines as well, though we'll specifically look at code for loading it into Phaser.
In particular we will use a Bitmap font (non anti-aliased) which we find on the website dafont.com. We will then load the font into a tool called Bitmap Font Generator by AngelCode. There are a few setting which need to be changed so that the font will export properly. Once we save the font we'll need to rename and edit the XML file and its associated image. We also need to do some light post-processing on the PNG file to fix colors and transparency. Finally we load the font into a very simple Phaser project.
Additional Links:
- Patreon Post: Download the HTML / JavaScript files
- YouTube Video: View this video directly on YouTube
- Patreon Site: See other posts by me on Patreon
- YouTube Channel: Subscribe to get access to other videos
This video was available on Patreon two weeks before being available on YouTube.
Enjoy!
Thomas has contributed to dozens of enterprise Node.js services and has worked for a company dedicated to securing Node.js. He has spoken at several conferences on Node.js and JavaScript and is an O'Reilly published author.
