In the last article I demonstrated literally straightforward animation, moving a square from one side of the canvas drawing element to the other. In this piece, I’ll show continuous motion of a circle in many different directions, a useful lesson in how to develop a complete JavaScript canvas animation:


Select text and enter your name (six characters max)

Looking at Las Vegas signs from the 1950’s put me in mind to create a sparkly lighting effect for web page text. This version is derived from my TV static article, with which it shares some code.

I’ve been interested in creating “glitched” graphics using web technologies for some time. While the canvas API has pixel-level control over bitmaps, yesterday I realized that a fairly simple aspect of the API could be used to create glitch effects.