-- online Search!

Creating Motion Trails

by kirupa   |   15 March 2016

 

Comets are cool and all, but let's look at something closer to home. Move your mouse around in the following example:

The first thing to notice is that we have a circle that follows the mouse cursor. That is something you already know all about, so that isn't particularly interesting. The interesting thing is the motion trail our circle leaves behind as it is moving around. It gives your circle an added sense of realism as it is moving around our canvas.

In the following sections, we'll learn all about how motion trails work and the handful of lines of JavaScript you need to bring them to life.

Onwards!

 

The KIRUPA Newsletter

Thought provoking content that lives at the intersection of design 🎨, development 🤖, and business 💰 - delivered weekly to over a bazillion subscribers!

SUBSCRIBE NOW

Creating engaging and entertaining content for designers and developers since 1998.

Follow:

Popular

Loose Ends

:: Copyright KIRUPA 2026 //--