トップ   編集 差分 履歴 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS

開発関連/合体ロボGo!第5回 の変更点

Top/開発関連/合体ロボGo!第5回

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

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

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

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


[[開発関連]]