https://github.com/shaunabanana/bianlian-animator
Animator for Bianlian, the dynamic robot face.
https://github.com/shaunabanana/bianlian-animator
animation animation-editor animator bianlian editor human-robot-interaction robot robot-interface robots
Last synced: 3 months ago
JSON representation
Animator for Bianlian, the dynamic robot face.
- Host: GitHub
- URL: https://github.com/shaunabanana/bianlian-animator
- Owner: shaunabanana
- Created: 2021-06-16T15:04:33.000Z (almost 4 years ago)
- Default Branch: master
- Last Pushed: 2023-03-17T08:39:06.000Z (about 2 years ago)
- Last Synced: 2024-11-16T19:18:39.224Z (6 months ago)
- Topics: animation, animation-editor, animator, bianlian, editor, human-robot-interaction, robot, robot-interface, robots
- Language: Vue
- Homepage: https://shaunabanana.github.io/bianlian-animator/
- Size: 1.87 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://github.com/shaunabanana/bianlian-player).
## 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](https://cli.vuejs.org/config/).