creativecreatorormaybenot / funvas

Fun canvas animations in Flutter based on time and math functions.

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

Gallery

I share my funvas creations on Twitter and I have also created a live demo, 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 to create some 🔥✨

• Square Shooter game by namzug16

Repo structure

This repo currently contains the following packages:

Package	Contents
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	Collection of funvas animations I created and shared on Twitter. The package also contains the code I use to export my animations to GIF and mp4.
funvas_rendering	Package for rendering and exporting funvas animations, which is used to create all funvas_tweets GIFs.
funvas_tweets	Flutter web app (gallery) showcasing a selection of funvas_tweets funvas animations that can be reached at funvas.creativemaybeno.dev.
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). 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).

funvas's Issues

Additional animations in the README

There are now certainly a number of new animations that could easily be added to the README :)

Improve demo order

The default order of the funvas demos does not reflect quality anymore.

32 missing in demo

Should add 32 to the demo - seems good enough :)

Switch to flutter_lints

https://pub.dev/packages/flutter_lints

Support for non-resetting ticker

The implementation of the FunvasContainer does not provide an option to work with an ongoing ticker (which I'd like in order to update animation speed). Due to all relevant code not having a public-facing API, the only option is currently to copy the entire package's code and change that method, if I'm not missing anything.

drawAtlas funvas

Given Yegor's advice, it would be very cool to use Canvas.drawAtlas for a funvas animation to achieve some cool effect, maybe with a shape or maybe come up with something better.

Add link to 30

Once published, need to update the 30 link and sync it w/yt.

48 missing from gallery

Animation 48 still needs to be added to the funvas gallery :)

Inaccurate link in 35

The link in 35 needs the accurate tweet reference: https://github.com/creativecreatorormaybenot/funvas/pull/135/files#diff-c2b87a35296198c9cbaf6fde8f812ce41db71f301fd77b045243606e6e751c1bR12

OpenSimplex2

Implement & publish OpenSimplex2 as a package.

Related: bluefireteam/fast_noise#1.

Need a main README

Because of #26, there is now a need for a main repo README file.

This should probably briefly explain the package and then link to the funvas package README.
More importantly, it should show off some animations (like before) and explain what funvas_tweets and funvas_demo do :)

Add dots to demo

https://twitter.com/creativemaybeno/status/1401116585960644609?s=20

Update Link widget

Update:

funvas/funvas_demo/lib/widgets/link.dart

Line 6 in d8f815d

class Link extends StatelessWidget {

To the one used in GitHub tracker (uses anchor element and web-like styling in general).

Include FastNoise reference

Should reference:

• Implementations in https://github.com/Auburn/FastNoiseLite
• areagen implementation

Add link to 29

Since 29 will only be published on Jun 8 at 10:00 UTC, I could not add the link just yet.

This should be caught up on once 29 has been published.

More elaboration

Should explain the repo structure (with funvas_demo and funvas_tweets) and also elaborate more in the funvas_demo README :)

Tweets should be separated from example and viewable

There should likely be a demo app with the tweets and them those should also be separated from the example app.

Use `num.floor()` instead of `fastFloor()`

Since dart-lang/sdk#46650 has been resolved now, fastFloor() is longer faster than num.floor() 🚀

At latest when this lands on stable, we should get rid of fastFloor() here. We could keep the test case by reversing it and moving the function to the test folder for regression testing.

Images could not be find in `README.md` on pub.dev

Repo structure table

Use a table (like in https://github.com/creativecreatorormaybenot/wakelock) for the repo structure.

Especially useful when implementing #117.

Outdated workflows

It would be benificial to update the GitHub Actions workflows in this repo to my latest knowledge by aligning it with the ones in GitHub Tracker: https://github.com/creativecreatorormaybenot/github-tracker/tree/main/.github/workflows