Ajax Loader
×

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).

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

3 Comments

× New

Sign In to comment

Rishabh :

Also this is done with Canvas (you already noticed that anyway). Plus, one aim was to also demonstrate how to achieve Easing in Canvas.

Rishabh :

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

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript
    CSSDeck G+