https://github.com/zalo/bang
Create Animated SVGs in your browser!
https://github.com/zalo/bang
animation-framework bang flash online svg svg-animations tool
Last synced: about 1 year ago
JSON representation
Create Animated SVGs in your browser!
- Host: GitHub
- URL: https://github.com/zalo/bang
- Owner: zalo
- License: mit
- Created: 2019-05-27T18:14:15.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2019-07-24T04:39:40.000Z (almost 7 years ago)
- Last Synced: 2025-03-25T21:11:13.582Z (about 1 year ago)
- Topics: animation-framework, bang, flash, online, svg, svg-animations, tool
- Language: JavaScript
- Homepage: https://zalo.github.io/Bang/
- Size: 110 KB
- Stars: 14
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Instructions
- `Left Click`: Draw a brush stroke
- `Middle Click`: Move a brush stroke, segment, or shape
- `Right Click`: Erase a stroke, segment, or shape
- `Ctrl-Z`/`Ctrl-Y`: Undo/Redo the last action
- **Brush Width**: Change the width of the brush
- **Prev/Next**: Navigate the playhead forward and backward one frame
- **Duplicate**: Either creates a new frame with the contents of this frame (or copies the content from the last frame)
- **Delete**: Either clears the current frame, or (if empty) removes the frame from the timeline
- **Load from SVG**: Loads a prior session or an arbitrary foreign SVG
- **Save to SVG**: Saves this session as an animated SVG (preserving undo)
- **Play**: Toggles showing an example SVG that demonstrates how it will look when exported
## About
[Bang](https://zalo.github.io/Bang/) is a flash-inspired tool for creating animated vector graphics.
It attempts to recreate some of the functionality of .swf's using clever CSS embedded within the .svg.
## License
[Bang is open-sourced under the MIT License.](https://github.com/zalo/Bang)
## Credits
Bang is based on the amazing [`paper.js`](http://paperjs.org/) by [@lehni](https://github.com/lehni) and [@puckey](https://github.com/puckey).
.gif Export made possible with [@jnordberg's](https://johan-nordberg.com/) [.gif.js](https://github.com/jnordberg/gif.js).