Canvas Spaceship/Loader
We'll build a little item that you can use in your next HTML5 experiment or Game as a Loader, Space Ship, some collectible (powerups) or whatever.
If you're wondering how to do this thing in CSS3, then just use a div. Make it rounded with border-radius and use thick dashed borders. Use the pseudo elements for the inner circle/body.
Fun: Try changing the value of this.wing_count (line 31).
3 Comments
× NewAlso this is done with Canvas (you already noticed that anyway). Plus, one aim was to also demonstrate how to achieve Easing in Canvas.
Nope. Been thinking of some spaceship and powerup characters for some of my upcoming html5 games. So just imagined this one and did it. Might do some more and share here.
Btw, there's quite a bit of difference between the 2 -
http://i.imgur.com/BagYp.png
Inspired by http://codepen.io/joshnh/pen/nveCt?