kraken_animation_player

A kraken plugin which provide <animation-player /> tags to play animation format files.

Support format:

1. Flare

Installation

First, add kraken_animation_player as a dependency in your pubspec.yaml file.

Second, add the following code before calling runApp():

import 'package:kraken_animation_player/kraken_animation_player.dart';

void main() {
  KrakenAnimationPlayer.initialize();
  runApp(MyApp());
}

Example

const ASSET = 'https://kraken.oss-cn-hangzhou.aliyuncs.com/data/Teddy.flr';
const animationPlayer = document.createElement('animation-player');
animationPlayer.setAttribute('type', 'flare');
animationPlayer.setAttribute('src', ASSET);
Object.assign(animationPlayer.style, {
  width: '360px',
  height: '640px',
  objectFit: 'contain',
});

document.body.appendChild(animationPlayer);
document.body.onclick = () => animationPlayer.play('hands_up');

Libraries

animation_player_element

flare_render_object

kraken_animation_player