zerker

KO | EN

gitlite — search

#javascript #hacktoberfest #go #android #machine-learning #rust #docker #windows #awesome #kubernetes #pytorch #security #ios #open-source

(★ 702)

Zerker is a lightweight and powerful flutter graphic animation library

File Explorer

Download Latest Version (.zip)

- - bg.png
  - boy.json
  - boy.png
- - main.dart
- - widget_test.dart
- - favicon.png
  - index.html
  - manifest.json
- .gitignore
- .metadata
- analysis_options.yaml
- pubspec.yaml
- README.md
- - app.dart
- zerker.dart
- widget_test.dart
.gitignore
.pubignore
CHANGELOG.md
LICENSE
pubspec.yaml
README.md
zerker.iml

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## 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/)

![An image](https://flutterkit.github.io/zerkerdocs/images/wallpaper/04.jpg)

## Installation

Add this to your package's pubspec.yaml file, And execute the command`flutter pub get`:

```yaml
dependencies:
  zerker: <latest_version_here>
```

###### 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<MyHomePage> {
  @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)

![](https://flutterkit.github.io/zerkerdocs/images/example/example1.gif)

#### 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!

![img](https://flutterkit.github.io/zerkerdocs/images/example/example3.gif) ![img](https://flutterkit.github.io/zerkerdocs/images/blank.png) ![img](https://flutterkit.github.io/zerkerdocs/images/example/example4.gif)

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

zerker

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

zerker

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README