0321187-20070205

Webブラウザ上で動作する
Flashゲームの制作
-Webデザインコンテスト参加作品(2006)-
北海道情報大学 情報メディア学部
情報メディア学科 新井山ゼミ
0321187 染谷 剛司
発表内容(目次)
1.
2.
3.
4.
5.
6.
7.
研究/制作概要
研究/制作目的
研究/制作手順
開発成果
評価・考察
今後の課題
参考資料
研究/制作概要
• Macromedia FLASHを利用
– 「七番地のVigilantes」
• FLASHによるWebサイト
• 研究成果の一環として作成
• Webデザインコンテスト・イラスト賞受賞(2006年)
– “RED and BLUE”
• 双方向性のあるコンテンツ
• 横スクロール・シューティング
研究/制作目的
• 双方向のFLASHムービーの作成
– 「七番地のVigilantes」
• 動きを持たせることによる差別化
• 架空のゲームの世界観の紹介
• 物語性を持たせたWebサイト制作
– Webデザインコンテスト(WDC)へ
• 作品提出が目的
研究/制作目的
– “RED and BLUE”
•
•
•
•
ゲーム性はシンプル
演出面にこだわったステージ制作
能力の異なる2人のキャラクタ
巨大な敵と戦う楽しみ
– 上記を目標にシューティング・ゲームを制作
研究/制作手順
• Webサイト「七番地のVigilantes」
– 2006年5月より制作開始
• プロットの作成
– キャラクタの設定
– 世界観と3つの企業の説明
– ストーリの基礎の作成
• ページの構成
– index.htmlを除き全てFLASHで構成
– 素材はPhotoshopを使用、完全自作
– サイズは縦400×横800
研究/制作手順
• 横スクロール・シューティング・ゲーム
“RED and BLUE”
– 2006年度より制作開始
• ゲーム制作を念頭においた
Action Scriptの研究
• ゲームの仕様策定
–
–
–
–
ゲームの流れをメモ
ステージ構成は3ステージ
街に現れる巨大なボスを破壊するのが目的
キャラクタは2体用意
研究/制作手順
• 2006年度 後期
– 本格的なゲーム制作に着手
• グラフィックの作成
– メイン、敵キャラクタ、ステージの
ラフ画作成
– ラフ画を元にFLASHで描き起こし
• キャラクタの差別化
– 直線状の攻撃が得意なキャラクタと
扇状の攻撃が得意なキャラクタを用意
– ユーザーの好みで選択可能
開発成果
• 「七番地のVigilantes」
– 06年度WDCイラスト賞受賞
• 成果
– FLASHの機能の応用による理解
• FLASHの描画方法
• Action Scriptの機能
• 今後の作品制作に役立つ経験
開発成果
• “RED and BLUE”
– ゲーム制作の難しさを実感
•
•
•
•
Action Scriptのソース複雑化
キャラクタなどの素材管理
敵キャラクタの行動パターン
ゲームの難易度調整
開発成果
• ゲーム制作によって得た経験
– 素材管理用データベースの作成が必要
• Excelなどを使用
– 反省点であると同時に改善点
– FLASHの複雑な仕様を経験
• もともとはムービー制御のためのAction Script
• アニメーションとAction Scriptを駆使する技術
– これらの経験が今後の制作に生かされると判断
評価・考察
• 「七番地のVigilantes」
– 評価
• イラスト賞の受賞
– キャラクタや背景の画像の作成
– 動きのあるFLASHによるwebサイトによる,他の多数の作品
との差別化
– 考察
• FLASHコンテンツとしての魅力不足
– 演出面に未熟さ
– 素材や動作の使い方に甘さ
評価
• “RED and BLUE”
– 操作感がPCの性能に依存
• ゲーム自体の動きに重い感じ
– ゲーム内容
• キャラクタの当たり判定・・・縦に大きな広がり
– 横スクロール方式のゲームとしては致命的か
• 難易度は甘め
– 上級者には簡単すぎ
考察
– 演出面にこだわると時間がかかる
• ある程度の妥協は必要
– Action Scriptを使用する上での技術的問題
– 素材の管理やアニメーション制作に手間
– 難易度
• ブラウザ・ゲームとしてちょうど良いと判断
– キャラクタ
• 2つの特性が違うキャラクタを用意するが,それでも
不足気味
今後の課題
• 今後の反省点と課題
– 演出面の考慮
• 今後はデザインやユーザーの視点を意識
• 娯楽性の高いFLASHコンテンツを制作
– ゲームについて
• シューティング・ゲームはこの発表をもって終了
• 今後は異なるジャンルにも挑戦
– FLASHだけでなくほかのツールも使用
参考文献
• Flash MX 2004 ウェブデザイン・ガイド
– エムディエヌコーポレーション発行,
インプレスコミュニケーション発売(2004年)
伊佐恵子 著
• FLASH Action Script辞典
– 株式会社 翔泳社 (2005年)
伊藤のりゆき,古旗一浩,植木友浩 著
関根康浩,菅原 研 編著
• オレ流FLASHゲーム作成術
– 技術評論社(2005年)
ババラ著
•
CHEEBOW'S HOMEPAGE
– http://www.lares.dti.ne.jp/~cheebow/indexm.html