https://github.com/panphora/animatize
Drag a character with your mouse to create an animation
https://github.com/panphora/animatize
animation mouse
Last synced: about 1 year ago
JSON representation
Drag a character with your mouse to create an animation
- Host: GitHub
- URL: https://github.com/panphora/animatize
- Owner: panphora
- License: mit
- Created: 2022-01-04T21:17:51.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2022-01-14T02:08:26.000Z (over 4 years ago)
- Last Synced: 2024-04-14T15:17:34.951Z (about 2 years ago)
- Topics: animation, mouse
- Language: HTML
- Homepage: https://animatize.com/
- Size: 543 KB
- Stars: 260
- Watchers: 4
- Forks: 15
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Animatize
Drag a character with your mouse to create an animation
## Demo
Try the demo on [Animatize.com](https://animatize.com/)
## Remix your own animation!
### Two options:
#### 1. Use [the demo](https://animatize.com/) to generate code for your own site
You can generate an animation using your own images and then modify the code there
#### 2. Fork this project
I'd love to see a powerful animation tool that uses a user's natural motion as its foundation.
Feel free to build your own animation service using the code here as proof-of-concept starting point.
All the code can be found in `js/main.js`
## Animating with natural movement
This idea has been a dream of mine for years. As a web developer, I've never learned After Effects or any other complex animation software.
I've always dreamed of creating interactive demos and animations just by using my natural mouse movements.
So, in early January 2022, [I took a few days off from my main project to create Animatize](https://twitter.com/panphora/status/1478805374455140353), a proof-of-concept showing off the idea that other people could try!
## License
MIT License