Video Thumbnail

Sign up for a plan to instantly unlock all premium lessons.

Premium Features

Download Video


Published 9 months ago

Power-Ups are similar to other object classes, but if we want to make the actual rendered object stand out (by using an image and making it rotate), we need to do an extra bit of work.

Here we'll be replacing our default circle objects with that of an image, a lightning bolt specifically, that'll serve as an indicator that this is something we want to grab to obtain additional powers. We'll be covering the exact process for finding a good power-up icon, how to export it into something we can use within canvas, and how to ensure our player gains abilities once this power-up is grabbed.

You'll also learn a few things regarding how to manage this power-up such as how to create multiple instances of it over time, how to ensure it expires after a certain amount of time has passed, and how to change the player and projectile colors after it has been grabbed.


Want to participate?

Create a free Chris Courses account to begin


No comments yet, be the first to add one

Cheat Sheet Preview

Download The Official Chris Courses HTML5 Canvas Cheat Sheet

Essential canvas syntax at your fingertips.

Download Now

Providing the lift to launch your development career

© 2021 Chris Courses. All rights reserved.