Premium Features

Download Video

Attacks - Fireball

Published 4 months ago

A fireball attack consists of creating a brand new sprite, animating it towards a destination, then removing it from the scene once it has hit. There's a little bit of trickiness involved here as we need to take the fireball's z-position into account to make sure it's layered correctly with the sprites already on our battleground. We'll also need to learn how to rotate sprites so we can alter our sprite sheets as needed to give off the most realistic attack animation possible.

  • 0:47 - Determine What Attack Button is Pressed

  • 6:55 - Fireball Animation

  • 15:52 - Edit Fireball's Z-Index Position

  • 19:00 - Rotate Fireball Sprite

Comments

Want to participate?

Create a free Chris Courses account to begin

Login

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

© 2022 Chris Courses. All rights reserved.