Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/creativecreatorormaybenot/funvas
Fun canvas animations in Flutter based on time and math functions.
https://github.com/creativecreatorormaybenot/funvas
canvas dart flutter flutter-package
Last synced: 30 days ago
JSON representation
Fun canvas animations in Flutter based on time and math functions.
- Host: GitHub
- URL: https://github.com/creativecreatorormaybenot/funvas
- Owner: creativecreatorormaybenot
- License: bsd-3-clause
- Created: 2020-11-05T00:45:56.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2024-01-09T23:51:03.000Z (10 months ago)
- Last Synced: 2024-09-27T12:20:56.058Z (about 1 month ago)
- Topics: canvas, dart, flutter, flutter-package
- Language: Dart
- Homepage: https://funvas.creativemaybeno.dev
- Size: 33.9 MB
- Stars: 526
- Watchers: 12
- Forks: 38
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Funding: .github/funding.yml
- License: LICENSE
Awesome Lists containing this project
README
# funvas [![Pub version][pub shield]][pub] [![gallery badge]][gallery] [![Twitter Follow][twitter badge]][twitter]
Flutter package that allows creating canvas animations based on time and math (mostly trigonometric)
functions.
The name "funvas" is based on Flutter + fun + canvas. Let me know if you have any better ideas :)
## Gallery [![gallery badge]][gallery]
I share my funvas creations [on Twitter][twitter] and I have also created a [live demo][gallery],
a gallery that allows you to explore some of the animations running right in Flutter web :)
## Community projects
Here are some awesome community projects made using the [`funvas` package][pub] to create some 🔥✨
* **[Square Shooter](https://github.com/namzug16/square-shooter)** game by [namzug16](https://github.com/namzug16)
### Repo structure
This repo currently contains the following packages:
| Package | Contents |
| :--------------------------------------------------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| [`funvas`](https://github.com/creativecreatorormaybenot/funvas/tree/main/funvas) | The actual `funvas` Flutter package that is also hosted on Pub. Both `funvas_tweets` and `funvas_gallery` depend on this package. It contains the basic widget for displaying funvas animations. |
| [`funvas_gallery`](https://github.com/creativecreatorormaybenot/funvas/tree/main/funvas_gallery) | Collection of funvas animations I created and shared [on Twitter][twitter]. The package also contains the code I use to export my animations to GIF and mp4. |
| [`funvas_rendering`](https://github.com/creativecreatorormaybenot/funvas/tree/main/funvas_rendering) | Package for rendering and exporting funvas animations, which is used to create all `funvas_tweets` GIFs. |
| [`funvas_tweets`](https://github.com/creativecreatorormaybenot/funvas/tree/main/funvas_tweets) | Flutter web app (gallery) showcasing a selection of `funvas_tweets` funvas animations that can be reached at [funvas.creativemaybeno.dev][gallery]. |
| [`open_simplex_2`](https://github.com/creativecreatorormaybenot/funvas/tree/main/open_simplex_2) | Package that makes OpenSimplex2 noise generation available to everyone in Dart :) I use this for my own funvas animations (`funvas_tweets`) but it is also hosted for anyone to use on Pub. |
### Inspiration
The whole concept is *inspired by Dwitter* ([check it out][dtwitter]). That is mainly the way the
API is built. These kinds of animations (especially in GIF form) can be found in many communities,
e.g. in [processing] (and with that p5.js).
[twitter]: https://twitter.com/creativemaybeno
[twitter badge]: https://img.shields.io/twitter/follow/creativemaybeno?label=Follow&style=social
[dtwitter]: https://www.dwitter.net/about
[processing]: https://processing.org
[gallery]: https://funvas.creativemaybeno.dev
[gallery badge]: https://img.shields.io/badge/funvas-gallery-yellow
[funvas]: https://github.com/creativecreatorormaybenot/funvas/tree/main/funvas
[funvas_tweets]: https://github.com/creativecreatorormaybenot/funvas/tree/main/funvas_tweets
[funvas_gallery]: https://github.com/creativecreatorormaybenot/funvas/tree/main/funvas_gallery
[pub]: https://pub.dev/packages/funvas
[pub shield]: https://img.shields.io/pub/v/funvas.svg