Join Joseph Labrecque for an in-depth discussion in this video Preparing fonts, part of HTML5 Game Development with Phaser.
…Phaser supports the use of both system and bitmap fonts.…The most foolproof way of integrating custom type into our game,…is to generate a specific set of bitmap fonts.…Once we choose the font we want to use, there are a number of…free tools which can be used to convert these fonts into bitmap form.…The one that I've used for this project, is a web based tool called Littera.…And you can find this at kvazars.com/littera.…
Here, if you have a specific font in mind, you can select it with this button.…You'll notice that there's already a demo font pre-selected here.…And we can make a number of adjustments to this font, through the interface.…So if we want it larger or smaller, we can do so.…One of the things about bitmap fonts,…is that you have to specify all the attributes of…a font since it renders a giant png image that we can use as a bitmap font.…We have different color settings, such as Fill, Stroke, Glow, Shadow, Bevel.…
And you can modify any of these, and they can be represented on this preview here.…
- Downloading the Phaser framework
- Creating your first Phaser project
- Building the preloader and menu states
- Creating and spawning entities
- Working with particles and emitters
- Detecting and handling collisions
- Detecting "game over"
- Adding sound effects and text
- Preparing for mobile deployment
Skill Level Beginner
1. Setting Up Phaser
2. Configuring Loaders and States
3. Populating the World
5. Wrapping Things Up
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.