ジオメトリのアニメーション
JUCE アプリケーションで簡単なアニメーションを作成できます。静的なジオメトリ形状に生命を吹き込むにはAnimatedAppComponentクラスである。
レベル初心者
プラットフォーム:Windows, macOS, Linux, iOS, Android
クラス: AnimatedAppComponent,Path,Point
スタート
このチュートリアルのデモ・プロジェクトのダウンロードはこちらから:PIP|ZIP.プロジェクトを解凍し、最初のヘッダーファイルをProjucerで開く。
このステップでヘルプが必要な場合は、以下を参照してください。Tutorial: Projucer Part 1: Getting started with the Projucer.
デモ・プロジェクト
このデモ・プロジェクトが完成すると、画面上に複数の魚の連続的で滑らかなアニメーションが表示される。PathそしてPointオブジェクトがある。

注記
ここで紹介するコードは、大まかに以下のものと似ている。アニメーションの例JUCE Examplesより。
AnimatedAppComponentクラス
単純なアニメーションJUCEアプリケーションを作成する場合、継承すると便利なクラスがあります。AnimatedAppComponentクラスである。ちょうどAudioAppComponentまたはOpenGLAppComponentクラスは、それぞれオーディオ・アプリケーションとOpenGLアプリケーションに役立ちます。AnimatedAppComponentというアニメーション制作に有益な機能を提供している:
- setFramesPerSecond():この関数を使うと、アニメーションをできるだけスムーズに実行するために、アプリケーションの開始時にFPSを設定することができます。また、この関数が呼び出されると、指定された頻度で再描画処理が開始されます。
- update():この関数は、setFramesPerSecond() 関数で設定された割合で呼び出され、アニメーションのパラメータを段階的に進めていきます。
- getFrameCounter():定義された FPS レートでアニメーションを開始して以来、update() 関数が呼び出された回数の合計を返します。これは、アニメーションを計算するための周期的な数学関数で有用です。
- getMillisecondsSinceLastUpdate():フレームレートに関係なく正確なタイミングでアニメーションを作成するために、最後のupdate()関数呼び出しからの所要時間をミリ秒で返すもう1つの便利な関数です。
これらの関数と親のpaint()関数を併用することで、以下のようになる。Componentクラスを使えば、簡単なアニメーションを作ることができる。