creativecreatorormaybenot / Funvas

Licence: bsd-3-clause
Fun canvas animations in Flutter based on time and math functions.

Programming Languages

dart
5743 projects

Projects that are alternatives of or similar to Funvas

Gantt
Gantt chart library using jsx support SVG, Canvas and SSR
Stars: ✭ 148 (-9.76%)
Mutual labels:  canvas
We Cropper
微信小程序图片裁剪工具
Stars: ✭ 1,972 (+1102.44%)
Mutual labels:  canvas
Lucky Canvas
🌼🌼🌼 使用 TypeScript + 原生 Canvas 封装的 JS 抽奖插件【大转盘 / 九宫格】🚀 并内置了一个微型的响应式来处理异步数据渲染,🌈 一套源码适配多端框架 js / jq / vue / react / taro / uni-app / 微信小程序等等...
Stars: ✭ 156 (-4.88%)
Mutual labels:  canvas
Cax
HTML5 Canvas 2D Rendering Engine - 小程序、小游戏以及 Web 通用 Canvas 渲染引擎
Stars: ✭ 1,864 (+1036.59%)
Mutual labels:  canvas
Proton
Javascript particle animation library
Stars: ✭ 1,958 (+1093.9%)
Mutual labels:  canvas
Layaair discard
This is old LayaAir veriosn writetten by ActionScript 3.0 ,now LayaAir is using TypeScript as the Engine Script,Please use https://github.com/layabox/LayaAir instead.
Stars: ✭ 1,858 (+1032.93%)
Mutual labels:  canvas
Matter Js
a 2D rigid body physics engine for the web ▲● ■
Stars: ✭ 12,522 (+7535.37%)
Mutual labels:  canvas
Filterous 2
Instagram-like photo manipulation library for Node.js and Javascript on browser
Stars: ✭ 163 (-0.61%)
Mutual labels:  canvas
Zen 3d
JavaScript 3D library.
Stars: ✭ 155 (-5.49%)
Mutual labels:  canvas
Diagram Maker
A library to display an interactive editor for any graph-like data.
Stars: ✭ 2,086 (+1171.95%)
Mutual labels:  canvas
Wechart
Create all the [ch]arts by cax or three.js - Cax 和 three.js 创造一切图[表]
Stars: ✭ 152 (-7.32%)
Mutual labels:  canvas
Smartopencv
🔥 🔥 🔥 SmartOpenCV是一个OpenCV在Android端的增强库,解决了OpenCV Android SDK在图像预览方面存在的诸多问题,且无需修改OpenCV SDK源码,与OpenCV的SDK解耦
Stars: ✭ 1,869 (+1039.63%)
Mutual labels:  canvas
Mesh.js
A graphics system born for visualization 😘.
Stars: ✭ 156 (-4.88%)
Mutual labels:  canvas
Vue Tree Chart
flexible tree chart using Canvas and Svg, powered by D3.js
Stars: ✭ 149 (-9.15%)
Mutual labels:  canvas
Vue Sign Canvas
一个基于canvas开发,封装于Vue组件的通用手写签名板(电子签名板),支持pc端和移动端,属性支持自定义配置
Stars: ✭ 163 (-0.61%)
Mutual labels:  canvas
Mir2
Javascript+Easycanvas+Node实现热血传奇(Mir2)游戏,还原了人物&装备&刷怪&战斗&背包等功能,支持联机,详情见wiki。
Stars: ✭ 147 (-10.37%)
Mutual labels:  canvas
Spectrogram
Audio spectrogram in canvas.
Stars: ✭ 158 (-3.66%)
Mutual labels:  canvas
React Paper Bindings
Paper.js bindings for React
Stars: ✭ 162 (-1.22%)
Mutual labels:  canvas
Alimask
😷 alimask 是一个使用 canvas 生成类似阿里巴巴内部网站水印图片的 JavaScript 库。
Stars: ✭ 163 (-0.61%)
Mutual labels:  canvas
Ngx Gauge
A highly customizable Gauge component for Angular 9+ apps and dashboards
Stars: ✭ 158 (-3.66%)
Mutual labels:  canvas

funvas Pub version demo badge Twitter Follow

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

Demo

I share my funvas creations on Twitter and I have also create a live demo that allows you to see the animations running right in Flutter web :)

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

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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].