I came across a blog post by Cassie Evans (Cassie Codes). I saw she had written a tutorial on making an interactive SVG move along with the cursor across a computer screen.

Tutorial Link

I saw this project as an opportunity to expand my experience with SVGs as well as experimenting with animation with JavaScript.

Tools: Adobe Illustrator, SVGOMG (SVG Optimizer)
Languages: HTML, CSS, JavaScript

I drew the SVG in Adobe Illustrator, then took apart Cassie’s code for the JavaScript. I adjusted the JavaScript to fit the features of my drawing. This was difficult as it led to the code breaking many times, but it was necessary to learn how the animation functions.

To make my mini me look like me, I gave her green glasses, gold hoop earrings, and completed it with my blue evil eye necklace.

I am currently making edits regularly so that I can eventually put it on the homepage of my website, but I wanted to show off the effort made so far, even if it is a little unfinished.