Flare 可動面が登場する以前の Flare アニメーションは、AnimationController で制御される基本的なアニメーションと Hero を使用した遷移アニメーションに大別されますが、複雑なシーンに遭遇した場合、これらのアニメーション ソリューションを実装することは依然として困難です。しかし、Flutter が Flare ベクトル移動サーフェスをサポートし始めたため、Flutter のアニメーション開発はより簡単かつシンプルになりました。実際、Flare アニメーションは Lottie に似たベクトル アニメーション ソリューションであり、Flare 移動サーフェスを使用すると、インストール パッケージのサイズを効果的に削減できるだけでなく、従来のアニメーション ソリューションでは実現できない複雑なアニメーション効果も実現できます。
Rive は、Flare ベクター アニメーションの作成を専門とする Web サイトであり、Web サイト自体は、開発者がダウンロードして学習できる無料の Flare アニメーションを多数提供しています。さらに、Rive は Flare アニメーションの使用と制作に関するチュートリアルも提供します。Rive Web サイトで Flare アニメーションを簡単に学習および使用するには、次の図に示すように、最初に Rive 公式アカウントを登録する必要があります。
Rive は、Flare アニメーション プロジェクトをプロジェクトの形式で作成および管理します。現在、作成できる Flare アニメーション プロジェクトには Nima と Flare の 2 種類があります。違いは次のとおりです。 • Nima: ラスター イメージのみをサポートし、主
にゲームエンジンやアプリケーションに使用される2Dアニメーション。
• Flare: ベクター グラフィックスとラスター グラフィックスをサポートし、主にモバイル アプリや Web 用のリアルタイムで効率的なアニメーションを構築するために使用されます。また、ゲーム アニメーションの構築もサポートします。
Nima は主に 2D ゲーム アニメーションの構築に使用されるため、Flutter アプリケーション開発の場合は、新しい Flare タイプのプロジェクトを作成するだけで済みます。
現在、Flare プロジェクトを作成するには主に 2 つの方法があります。1 つは Rive 公式 Web サイトで作成する方法、もう 1 つは Rive クライアントを通じて作成する方法です。以下の図に示すように、Rive クライアント モードで Flare プロジェクトを作成する方法を示します。