

In order to move the red circle around we’ll use a technique called linear interpolation. The following is the basis for the red circle part of the cursor. if you are already using TweenMax in your project, you might as well To give our demo some color and layout we’re defining some basic styles. A simple for the small white dot and a element to draw the red noisy circle using Paper.js.

The markup for the cursor will be split up into two elements. The custom cursor effect we’re going to build in this tutorial The Cursor Markup We’ll be using Paper.js with Simplex Noise. In the following tutorial we’ll take a look at how to create a magnetic noisy circle cursor for navigation elements as shown in Demo 4. Custom cursors certainly were a big trend in web development in 2018.
