funvas

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 :)

View Demo Download Source

68747470733a2f2f73382e67696679752e636f6d2f696d616765732f616e696d6174696f6e383730396363626266376232306536652e676966

68747470733a2f2f73382e67696679752e636f6d2f696d616765732f616e696d6174696f6e383730396363626266376232306536662e676966

113479453-b9dd2480-947e-11eb-88b6-4ef3835e0a29

113479456-bfd30580-947e-11eb-9a3a-f807299a289a

68747470733a2f2f73322e67696679752e636f6d2f696d616765732f616e696d6174696f6e303533633966363134616164363865662e676966

68747470733a2f2f73322e67696679752e636f6d2f696d616765732f616e696d6174696f6e626663303936613438363632313430352e676966

113479483-e8f39600-947e-11eb-858b-ec3fe980f2b2

113479485-ec871d00-947e-11eb-863b-4dac2a92c6e4

113479488-f01aa400-947e-11eb-81c4-e4394ec20b01

113479491-f1e46780-947e-11eb-9bb2-f43748651700

Repo structure

This repo currently contains the following packages:

  • funvas, which is the actual funvas Flutter package that is also hosted on Pub. Both funvas_tweets and funvas_demo (+ the example package inside of funvas) depend on this package. It contains the basic widget for displaying funvas animations.

  • funvas_tweets is a collection of funvas animations I created and shared on Twitter. The package also contains the code I use to export my animations to GIF.

  • funvas_demo is a Flutter web app showcasing some funvas animations that can be reached at funvas.creativemaybeno.dev. It consists of a selection of funvas animations from the funvas_tweets package. Not all animations are included because some of them might not perform well enough in a live demo :)

GitHub

https://github.com/creativecreatorormaybenot/funvas

Source: https://flutterawesome.com/fun-canvas-animations-in-flutter-based-on-time-and-math-functions/