title	description
キーフレーム	Beutlでキーフレームアニメーションを使う方法を説明します

Beutlではキーフレームを用いて、さまざまオブジェクトにアニメーション効果をつけることができます。

ここではキーフレームが何なのかについては説明しません。すでに知っているものとして進めます。

準備

アニメーションを有効にする方法です。

キーフレームを追加/削除

キーフレームを追加したいフレームで、◇ をクリックします。 ◆ のようになればキーフレームが追加されています。

イージング一覧から追加したいイージングをドラッグアンドドロップで追加することもできます。

◆ をもう一度クリックすると削除できます。

アニメーションが有効になっているプロパティは以下のようになっているはずです。

この < または > をクリックすることで、前後のキーフレームに移動することができます。

メニューの アニメーションを編集 からアニメーションエディタを開くと、イージングを編集できます。

すでにあるキーフレームに対して、イージング一覧のイージングをドロップすると、イージングを変更できます。

また、デフォルトで設定されているイージングはスプラインイージングといい、このイージングでは ○ 緑丸のコントロールポイントを使って、加減速を調整できます。

Tip

コントロールポイントとキーフレームの表示が重なり、コントロールポイントが移動できなくなることがあります。
その時は Alt キーを押しながらドラッグ操作をすると、コントロールポイントを移動できます。

すべてのキーフレームを削除して、アニメーションを無効化するには、 ◇ を右クリックしてメニューの アニメーション削除 をクリックします。

複雑なシーンの場合、使っていないアニメーションを削除することで、より高速に描画できます。