これでプロジェクトが保存される。画像をプロジェクトのライブラリに登録。ウインドウにドラッグアンドドロップ。これで、使用画像を追加できる。キャンバスに画像を追加。:登録した画像群をキャンバスに追加する。Libraryウインドウから、使いたい画像を、キャンバスまでドラッグアンドドロップ。ウインドウで、レイヤーをドラッグして順番を変更する。表示位置その他の調整。:各レイヤーの表示位置を調整する。y方向に制限を加えつつ位置調整したり、あるいは、下のほうの数値表示欄で直接数値を入力して調整することもできる。黄色の点をドラッグすると拡大縮小率を変更できる。これも、下のほうで数値を入力して変更可能。透明度を変更することもできる。値を変更すれば、透明度が変わる。念のために書いておくけど...。マウスの右ボタンドラッグで、キャンバスの表示位置を変更できる。マウスのホイール回転で、キャンバスのズームを変更できる。:タイムラインウインドウ上で、キーフレームを指定する。フレーム数が並んでいる部分をクリックすると任意のフレームに変更できる。その状態で、キーフレームを打ちたいレイヤー行の上で右クリック。これでそのフレームにキーフレームが打てる。今回は、最初のフレーム(0フレーム目)、最後のフレーム(24フレーム目)、中間のフレーム(12フレーム目)の3ヶ所に、キーフレームを打った。中間のフレーム(12フレーム目)にして、ボールの位置を変更した。:キーフレーム間を自動補完するように設定する。補間を始めるキーフレームをクリックして選択してから右クリック。キーフレームの間に、線が引かれた状態になった。「このキーフレーム間は補間でアニメをするよ」と示している。現在フレームを変更すると、補間でアニメがついていることが分かる。:このままでは等速運動なので、ボールが跳ねている動きには見えない。跳ねているように見せるために、減速と加速の動きに調整する。最初のキーフレームを選択して、グラフっぽいアイコンをクリックする。...これは自分の環境だけかもしれないけれど、何度かクリックしないと該当ウインドウが表示されない時もあった。減速運動っぽいアイコンをクリックする。中間のキーフレームを選択。今度は、加速運動っぽいアイコンをクリック。上に向かって減速して、一番上に行ったら今度は下に加速していく動きになった。ボールと同様に、ボールの影部分も、キーフレームの指定+動きの調整をする。ボールが一番上に行ったときに影が薄くなるようにしたい。中間のフレームを選んでから、Propertyウインドウ内で、Alpha値を調整。:どんな動きになりそうか、Webブラウザを使ってプレビュー再生する。Webブラウザが起動して、プレビュー再生がされた。アニメが再生される模様。