Join Joseph Labrecque for an in-depth discussion in this video Building the preloader, part of HTML5 Game Development with Phaser.
- Our game depends upon a lot of external assets,…like images and sound files,…in order to function.…The preloader state is responsible for making sure…that all our assets are loaded and ready,…before launching any additional game states.…So before we actually create our preloader state,…let's visit Boot.js.…Here inside of our preload function,…we can load the assets that our preloader itself…is going to use to display things,…like a preload bar, and a little title image.…So inside here, we declare…this.load.image,…and we'll give this an identifier,…preloadBar.…
And this'll reference…images/loader_bar.png.…We'll load in a secondary image,…which we'll call titleimage.…And this is located in…images/TitleImage.png.…In our create function, nothing really happens…right now after we've configured everything.…What we want to do is actually launch…the preloader from our Boot.js.…
So to do that, we say…this.state.start…('Preloader').…The next thing to do is actually…create a Preloader.js file.…So to do that, we create a New File,…
- 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?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.