logo

Interactive Landscape

Overview

An interactive SVG landscape where elements respond to user input—hover, click, or movement. Built with Snap.js in the fall of 2017 for Web Design and Implementation. I learned Snap.js independently to create and animate vector graphics in the browser.

What I Did

Designed a scenic composition (sky, terrain, objects) in SVG and used Snap.js to add interactivity: elements react to mouse events with transitions and subtle animations. Explored programmatic SVG manipulation and event handling to create a responsive, engaging experience.

Tools

JavaScript, Snap.js, SVG

Interactive landscape with SVG elements
View it on Github