stroke_order_animator 1.2.0 stroke_order_animator: ^1.2.0 copied to clipboard
Stroke order animations of Chinese characters
Stroke order animator #
This package implements stroke order animations of Chinese characters based on the Make me a Hanzi data. That data is available under the ARPHIC public license.
The package uses a StrokeOrderAnimationController
that handles the animation state and serves as an interface between your app and the stroke order animation. The stroke order data has to be passed in as a JSON string. In order to control animations, a TickerProvider
must be passed to the controller, for example using a TickerProviderStateMixin
. The controller is then passed as an argument to the StrokeOrderAnimator
that displays the actual stroke order diagram.
All attributes of the stroke order diagram are controlled via the StrokeOrderAnimationController
.
At the moment, the controller supports the following attributes and controls:
Attributes #
- Animation speed (as duration in seconds)
- Show/hide strokes
- Show/hide outlines
- Show/hide medians
- Highlight radicals
- Stroke color
- Outline color
- Median color
- Radical color
Controls #
- Start/stop animation
- Show next stroke
- Show previous stroke
- Reset animation
- Show full character
Please file an issue if something doesn't work as expected.
To run the example showing several stroke order diagrams in a swipeable page view:
git clone https://github.com/Mr-Pepe/stroke-order-animator
cd stroke-order-animator/example/
flutter run