東大後期実験OpenCVGLで発表した資料です。

1. Galaxy
Shooter
@Takanas0517

3. 作品概要
OpenCVを活用して本格的なシューティングゲームを制作した。
作成にあたり意識したこと
・画像処理は原則全てOpenCVで行う(外部サイトになるべく頼らない)
・エンジニアとしてオブジェクト思考プログラミングをしっかり意識する
・画像だけでなく音楽、SE、エフェクト、敵の挙動、UXにも拘る
・面白いと思うものを作るために妥協しない
・2Dゲームの面白さを知ってもらう
・色んな人にプレイしてもらってフィードバックを受ける

4. 画像処理
背景透過
・ゲームの画像素材は右図のように
背景が単色の物が多い
・この単色の部分を透明にすれば
使い勝手が良い画像が得られる
Applecat.png

5. 背景透過
・OpenCVで画像を読み込むとBGR形式で読み込まれる
・データ構造的には(Height, Width, Channels(BGR))の配列にすぎない
・Channelsの数字を変えても画像の色が変わるだけ
・背景透過のためには画像をBGRから透明度を表すChannel(A)を追加した
BGRA形式に変換して、特定の色の部分を透過させる必要がある

6. 背景透過

7. 画像処理
・シューティングゲームのフィールド
は画像を重ね合わせて表示させる。
・そのために、背景と
ゲームオブジェクトの画像を合成する

8. 画像処理

9. 画像処理
実装方針
・RGBAで読み込んだ画像のうち透明でない
ところの背景画像の色を全て数値的に0とする
・そのあと, 透明ではない部分を
背景画像に足し合わせる

10. 画像合成

11. 画像処理
・For文などで繰り返せば複数枚の
画像を貼ることができる

12. オブジェクト思考プログラミング

13. 敵の挙動
・やりごたえのあるゲーム体験のため敵のAIは工夫をした。
角度的に回り込
んだ方が良さそ
うだ
こっち側に
プレイヤーがい
るから、
こっちの方向に
30フレーム追尾
する弾を打とう

14. UX
友達に遊んでもらって不満点改善点を上げてもらった
・ボス前が単調すぎる
・敵がストップする機能はアイテム制にしたい
・ボスのHPバーが欲しい
・レベルアップの演出が欲しい
・使えるキーが増えた時の演出が欲しい
・タイトル画面が欲しい
・敵の攻撃が1フレームに多段ダメージを
与える仕様になってるバグがある
・OPをもう少し2Dゲームっぽく

15. UX
映像をドット絵にする処理
・映像を縮小->拡大の処理をしてモザイク加工
・KMEANS処理で減色
ドット化

16. UX
レベルアップ演出とキーの表示
・レベルアップ演出でプレイヤーの
上達度を感じてもらうようにした
・使えるキーが増えた場合は
プレイヤーに見えやすい形で通達