開発関連/合体ロボＧｏ！第５回 の履歴の現在との差分(No.2)

• 履歴一覧
• ソース を表示
• 履歴 を表示
• 開発関連/合体ロボＧｏ！第５回 は削除されています。
  • 1 (2009-08-31 (月) 02:11:55)
  • 2 (2014-08-11 (月) 00:45:10)

• 追加された行はこの色です。
• 削除された行はこの色です。

#norelated
*合体ロボＧｏ！　第５回　アニメーション [#be5abbc8]
**キャラクターのアニメーションを作成する [#bc334617]
#ref(画面１.JPG,left,wrap,around,70%)
#ref(画面２.JPG,left,wrap,around,70%)
#clear
今回は、アニメーションについて考えてみます。
趣旨としては、以下のとおりとなります。
・自機の移動
・自機の変形
・地形のアニメーション
です。

**準備するもの [#cdec4011]
-画像(GIFファイル)
|LEFT:60|LEFT:120|LEFT:320|c
|キャラ名|画像(ファイル名)|説明|h
|１号機|#ref(../合体ロボＧｏ！第４回/AParts001.gif,left,wrap)||
|２号機|#ref(../合体ロボＧｏ！第４回/BParts001.gif,left,wrap)||
|合体ロボ|#ref(../合体ロボＧｏ！第４回/robo001.gif,left,wrap)||
|地形|#ref(BackMap001.gif,left,wrap)||

-画像の作成について
画像はGIFファイル形式で作成します。また、作成ツールは何でも良いです。今回利用したのはフリーソフトの「EDGE」を利用させていただきました。

**キャラクターの移動 [#ub10b45a]
基本的な考え方は単純です。キーが押された場合に、描画対象のx軸、y軸の座標を変化させて描画していけばよいというわけです。
つまり、矢印キーが押されるたびに自機の座標からプラスマイナスしていけばよいだけです。
**地形の移動 [#f485fc1f]
地形の移動は強制的に画像の半分ずつずらし、それを交互に表示してあげるだけで進んでいくように見えます。


[[開発関連]]