20080629

ゲームグラフィックス入門演習

大阪電気通信大学 総合情報学部 デジタルゲーム学科 前期開講科目

Microsoft XNAを利用したゲームコンテンツ制作

06月30日 授業資料

キャラクターのアニメーション化

■ 歩くアニメーション(agg_a.psd

 

■ PhotoshopでのGIFアニメーション作成

agg_a.psdおよびagg_b.psdをダウンロードして、Photoshop上でのGIFアニメーション作成について確認をおこなう。

01)原画(キーフレーム)と中割りをレイヤーとして作成。

02)ウィンドウメニューから[アニメーション]を選択。

03)アニメーションパレット

04)アニメーションパレットのパレットメニューから[レイヤーからフレームを作成]を選択。

05)レイヤーからフレームを作成。

06)ディレイ(各フレームの再生時間)を設定。

07)パレット内の再生ボタンでアニメーションを確認。

08)ファイルメニューから[Web用に保存...]を選択。

09)保存形式に[GIF]を選択して保存を実行。

10)保存されたGIFファイルを、ブラウザにドロップしてアニメーションを確認。

■ 走るアニメーション(agg_b.psd

■ 課題要件

アクションゲームのキャラクターを作成する。

キャラクターの動きをアニメーション化したPNGファイルによって構成。

ゲームコンテンツのステージサイズは、800px × 600px。

キャラクターサイズは128pxを基本とする。

1アクションあたり8〜20フレームでアニメーション化。

動きの種類は、ダッシュ・パンチ・キック・ジャンプ・ダウンなど。

ファイルセットを格納するフォルダとファイル名は下記のとおり。

・ダッシュ フォルダ名「08000_dash」(学籍番号)

      ファイル名「dash00.png」(作品連番)

      ファイル名「dash.gif」(GIFアニメーション)

・パンチ  フォルダ名「08000_punch」(学籍番号)

      ファイル名「punch00.png」(作品連番)

      ファイル名「punch.gif」(GIFアニメーション)

・キック  フォルダ名「08000_kick」(学籍番号)

      ファイル名「kick00.png」(作品連番)

      ファイル名「kick.gif」(GIFアニメーション)

・ジャンプ フォルダ名「08000_jump」(学籍番号)

      ファイル名「jump00.png」(作品連番)

      ファイル名「jump.gif」(GIFアニメーション)

・ダウン  フォルダ名「08000_down」(学籍番号)

      ファイル名「down00.png」(作品連番)

      ファイル名「down.gif」(GIFアニメーション)

Copyright (C) WATANABE, Takashi / HEAD+HEART, Visual Communication Design Studio. All rights reserved.
Made on a Mac

Mac、Macロゴは、米国およびその他の国で登録されているApple Computer, Inc.の商標です。

Made on a MacバッジはApple Computer Inc.の商標であり、同社の許可により使用しています。

Google

WWWを検索

headheart.comを検索

Apple Store for Education

アフェリエイトプログラム参加中

アソシエイトプログラム参加中

Image