alxv2016 / super-retina

Motion art piece

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Kinetic Design Experiments

This is a series of SVG animation experiments conducted using the GSAP library to animate SVG illustrations. Warning: may use significant CPU resouces if viewed for an extended period.

Demo

You can view the demo here: SuperRetina

Take aways

  1. Using GSAP animation the "Angular way"
  2. Dynamically animating SVG layers

Libraries used

To keep it lean only a handful of external libraries were used

  1. GSAP - gsap
  2. Angular - angular

Dev and Build scripts

ng serve
ng build --prod

Created by Alex Vong (me), this project was built with passion and was used as base of refreshing my angular dev knowledge.

About

Motion art piece


Languages

Language:HTML 67.0%Language:SCSS 21.3%Language:TypeScript 9.7%Language:JavaScript 1.9%