LogoPixi’VN

アニメーションとトランジション

Pixi’VN で animate 関数とティッカーを使用してアニメーションとトランジションを作成する方法を学びます。

アニメーションは、あらゆるビデオゲームにおいて、より魅力的で没入感のある体験を生み出すための重要な要素です。 Pixi’VN では、アニメーションはティッカーと animate 関数を使用して管理されます。

animate 関数は motion ライブラリのラッパーであり、キャンバスコンポーネントをアニメーション化するためのシンプルかつ強力な方法を提供します。 持続時間や easing などのプロパティでアニメーションを定義できます。

Pixi’VN は、ナラティブステップ(steps)間でトランジションを実行するための複数の関数も提供します。 すべてのトランジションは animate 関数の上に構築されているため、カスタムトランジションも簡単に作成できます。

Pixi’VN 内のすべてのアニメーションはティッカーによってトリガーされます。ティッカーは、毎フレーム実行され、PixiJS を活用して関数を実行するクラスです。