alxv2016 / bionic-core

Kinetic Design

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: Bionic Core

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

Kinetic Design


Languages

Language:SCSS 53.3%Language:TypeScript 25.6%Language:HTML 16.1%Language:JavaScript 4.9%