Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ceceppa/anima
Godot: run sequential and parallel animations with less code
https://github.com/ceceppa/anima
Last synced: 3 months ago
JSON representation
Godot: run sequential and parallel animations with less code
- Host: GitHub
- URL: https://github.com/ceceppa/anima
- Owner: ceceppa
- License: mit
- Created: 2021-01-12T07:52:51.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-03-21T14:04:43.000Z (3 months ago)
- Last Synced: 2024-03-21T21:51:28.245Z (3 months ago)
- Language: GDScript
- Homepage: https://ceceppa.github.io/anima/
- Size: 17 MB
- Stars: 583
- Watchers: 12
- Forks: 18
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Lists
- awesome-godot - Anima - Run sequential and parallel animations with less code compared to Tween (Godot 3.x). (Plugins and scripts / 3D)
- awesome - ceceppa/anima - Godot: run sequential and parallel animations with less code (GDScript)
README
# Anima
Anima is an add-on for the Godot game engine that simplifies the process of creating dynamic and impactful UI animations.
## Introduction
![Example of animation created with anima](https://anima.ceceppa.me/anima.gif)
Working with Godot's Tween to create UI animations can be quite challenging.
However, Anima, an add-on for Godot, simplifies the process by allowing you to create animations using a clear and concise syntax with just a few lines of code.
With 89 built-in animations and 33 easing options, Anima provides a vast array of options to choose from.
Moreover, you can easily add your animations using a syntax similar to CSS, making it a convenient tool for developers.### Table of Contents
- Installation
- Documentation & Demo
- Differences between Anima and Godot Tween
- Stay in Touch
- Contribution
- License## Installation
This is a regular editor plugin. Copy the contents of addons/Anima into the same folder in your project, and activate it in your project settings.
## Documentation & Demo
Check out [documentation]([https://anima.ceceppa.me](https://ceceppa.github.io/anima/)), [demo code](https://github.com/ceceppa/anima-demos) and [live examples](https://anima.ceceppa.me/demo).
## Differences between Anima and Godot Tween
| | Anima | Tween |
| ---------------------------------------------- | ---------------------------------------------------------- | ------------- |
| Chaining | support for sequential, parallel and concurrent animations | Only Godot 4 |
| Easing | 33 built-in, more can be added programmatically | limited |
| Use Curve as easing | yes | no |
| Set Pivot point | yes (2D Only) | no |
| Create and reuse custom animations | 89 built-in, more can be added programmatically | No |
| Animate elements in group or grids | yes | No |
| Multiple distance formulas for Grid animations | yes | no |
| Loop | Infinite, Times, and delayed loops | Infinite only |
| Animate relative values | yes | Only Godot 4 |
| Play/Loop backwards | yes | no |
| Dynamic values | yes | no |
| CSS-Like animations | yes | no |## Example
```gdscript
var anima = Anima.Node($Node).anima_keyframes({
from = {
opacity = 0,
scale = Vector2(0.5, 0.5),
},
to = {
opacity = 1,
scale = Vector2.ONE
},
easing = Anima.EASING.EASE_OUT_BACK,
})await anima.play()
anima.play_reverse_with_delay(1)
```## Built-in animations
Original source: https://github.com/animate-css/animate.css
## Stay in Touch
- [Twitter](https://twitter.com/ceceppa)
- [Discord](https://discord.gg/zgtF3us5yN)## Contribution
Contributions are welcome and are accepted via pull requests.
## License
MIT
Copyright (c) 2021-present, Alessandro Senese (ceceppa)