Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/flutterkit/zerker
Zerker is a lightweight and powerful flutter graphic animation library
https://github.com/flutterkit/zerker
canvas flutter flutter-game flutter-games flutter-graphic fluttercanvas fluttergame
Last synced: 11 days ago
JSON representation
Zerker is a lightweight and powerful flutter graphic animation library
- Host: GitHub
- URL: https://github.com/flutterkit/zerker
- Owner: flutterkit
- License: mit
- Created: 2019-08-22T09:07:15.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2024-02-24T09:36:22.000Z (4 months ago)
- Last Synced: 2024-06-04T18:17:22.180Z (16 days ago)
- Topics: canvas, flutter, flutter-game, flutter-games, flutter-graphic, fluttercanvas, fluttergame
- Language: Dart
- Homepage: https://flutterkit.github.io/zerkerdocs/
- Size: 1.16 MB
- Stars: 664
- Watchers: 20
- Forks: 62
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Lists
- awesome-coding - zerker
- awesome-flutter - Zerker - Lightweight and powerful graphic animation library by [drawcall](https://github.com/drawcall). (Engines / Game)
- awesome-stars-webVueBlog - flutterkit/zerker - Zerker is a lightweight and powerful flutter graphic animation library (Dart / 运维\&DevOps)
README
## What is Zerker
Zerker is a flexible and lightweight flutter canvas graphic animation library.
With `Zerker`, you can create a lot of seemingly cumbersome animation effects, such as animated animations, pop-up animations, scene transitions, icon effects, and more.
At the same time, you can create a lot of simple games with Zerker. Zerker contains elements such as sprites, scrolling backgrounds, and atlases, making it easy to create game worlds with them.
#### ➤ More detailed documentation about Zerker is here [https://flutterkit.github.io/zerkerdocs/](https://flutterkit.github.io/zerkerdocs/)
## Installation
Add this to your package's pubspec.yaml file, And execute the command`flutter pub get`:
```yaml
dependencies:
zerker:
```
###### More detailed installation steps, you can refer to here. [https://pub.dev/packages/zerker/install](https://pub.dev/packages/zerker/install)
## Getting started
### Import the package
```
import 'package:zerker/zerker.dart';
```
### Useage
#### Create a zerker widget
```dart
class _MyHomePageState extends State {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: Center(
child: Zerker(app: MyZKApp(), clip: true, interactive: true, width: 350, height: 350),
));
}
}
```
#### Create your Zerker class inherited from ZKApp
```dart
class MyZKApp extends ZKApp {
@override
init() {
super.init();
/// init zerker scene
}
@override
update(int time) {
super.update(time);
sprite.position.x++;
}
}
```
#### Initialize the scene and create elements in the `init function`
```dart
/// Create a zerker sprite
ZKSprite bigboy = ZKSprite(key: "bigboy")
..animator.make("front", [0, 1, 2, 3, 4])
..animator.make("left", ['5-9'])
..animator.make("after", ['10-14'])
..animator.make("right", ['15-19'])
..onTapDown = (event) {
bigboy.animator.play("right", 8, true);
};
stage.addChild(bigboy);
/// Create a zerker text
ZKText text = ZKText()
..setPosition(100, 100)
..text = "hello world"
..setStyle(color: Colors.blueGrey, backgroundColor: Colors.red[50]);
stage.addChild(_text);
```
## More cases
You can quickly start learning an example here. [https://flutterkit.github.io/zerkerdocs/guide/tutorial.html](https://flutterkit.github.io/zerkerdocs/guide/tutorial.html)
#### More zerker examples you can view here [https://github.com/flutterkit/zerker-samples](https://github.com/flutterkit/zerker-samples). If you have any questions about Zerker, please let me know by email, thank you very much!
  
## License
Zerker is licensed under MIT license. View license. [https://github.com/flutterkit/zerker/blob/master/LICENSE](https://github.com/flutterkit/zerker/blob/master/LICENSE)