Skip to content

shaunabanana/bianlian-animator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bianlian Animator

Bianlian (变脸) is a set of animation player/maker for creating dynamic, smooth, expressive robot faces.

This repository, Bianlian Animator, is a curve-based animation editor. You can find the animation player here.

Usage

First, Create a base face shape and export as SVG, preferably using Sketch.

IMPORTANT: The SVG must be flat, meaning no groups can be used. Every element must be directly under the root.

An example:

For every animation, choose Animation > New. Select the base face SVG.

Create keyframe animations as you would in AE.

Don't forget to save!

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.