Ajax Loader
×

Falling Burning Text Effect in Canvas

Learn how to create a cool looking burning text effect in HTML5 canvas which will fall as you hover the fire particles.

The burning effect is inspired by Sppringgy jelly text.

Note: If the frame rate of this demo is too low on your system, then try commenting out line 205.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

4 Comments

× New

Sign In to comment

pirrot-pe:

awesome however this doesn't work on firefox? :(

LeonardPauli:

Replace line 56:
ctx.fillStyle = "rgba(255, "+parseInt(Math.random() * 100+20)+", 0, " +this.a+")";
Much more like fire!

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript
    CSSDeck G+