アニメーションとトランジション
Pixi’VN で animate 関数とティッカーを使用してアニメーションとトランジションを作成する方法を学びます。
アニメーションは、あらゆるビデオゲームにおいて、より魅力的で没入感のある体験を生み出すための重要な要素です。 Pixi’VN では、アニメーションはティッカーと animate 関数を使用して管理されます。
animate 関数は motion ライブラリのラッパーであり、キャンバスコンポーネントをアニメーション化するためのシンプルかつ強力な方法を提供します。 持続時間や easing などのプロパティでアニメーションを定義できます。
Pixi’VN は、ナラティブステップ(steps)間でトランジションを実行するための複数の関数も提供します。 すべてのトランジションは animate 関数の上に構築されているため、カスタムトランジションも簡単に作成できます。
Pixi’VN 内のすべてのアニメーションはティッカーによってトリガーされます。ティッカーは、毎フレーム実行され、PixiJS を活用して関数を実行するクラスです。
Animate
Animate Pixi’VN canvas components with the animate function, including movement, rotation, fading, zooming, and mirroring.
トランジション
Built-in transition effects for showing and removing canvas components, and how to create your own.
Ticker
Use tickers directly when you need very complex or elaborate animations that go beyond what the animate function alone can express.