SUPER MAOU RUN の作り方 を解説してます

1. SUPER MAOU RUN の作り方

2. 誰？
●
@kagematya
●
2D 横スクロールアクション
作ってます
– オレオレエンジン勢

3. SUPER MAOU RUN とは
●
前作 SUPER MAOU LAND の外伝
●
ランゲーム
– クリック操作
– お手軽感

4. デモ
●
https://twitter.com/kagematya/status/929421066287562752

5. 制作背景
●
デジ博まであと 1 ヵ月くらいだけど出すもん何
もない (2017/10/07)
– 続編の SUPER MAOU LAND2 は基礎部分の工事中
●
ランゲームなら 1 ヶ月で作れるっしょ！
– デジ博は 2017/11/12

6. 制作体制
●
Unity オレオレエンジンとは・・・
– アニメーションは SpriteStudio
●
絵素材・アニメーションは前作のを使いまわす
– イラストは何枚か新規で描いてもらった
●
プログラムは新規で書く
●
音は泣きながら探す
●
とにかく 1 ヶ月で作りきる
– LAND2 もあるのでこれ以上は時間かけない

7. 地形の作り方

8. 地形の作り方
●
ひとかたまりの地形として作る

9. 地形の作り方
●
「高さと幅を○ブロック」で作れるようにする
– BoxCollider のサイズを書き換える
void ColliderTransform(int gridWidth, int gridHeight){
BoxCollider box = GetComponent<BoxCollider>();
Vector3 size = new Vector3(gridWidth * SMR.GRID_SIZE, gridHeight * SMR.GRID_SIZE, 1);
Vector3 center = new Vector3(size.x * 0.5f, -size.y * 0.5f, 0);
center.x -= SMR.GRID_SIZE_HALF;
center.y += SMR.GRID_SIZE_HALF;
box.size = size;
box.center = center;
}

10. 地形の作り方
●
「高さと幅を○ブロック」で作れるようにする
– BoxCollider のサイズを書き換える
void ColliderTransform(int gridWidth, int gridHeight){
BoxCollider box = GetComponent<BoxCollider>();
Vector3 size = new Vector3(gridWidth * SMR.GRID_SIZE, gridHeight * SMR.GRID_SIZE, 1);
Vector3 center = new Vector3(size.x * 0.5f, -size.y * 0.5f, 0);
center.x -= SMR.GRID_SIZE_HALF;
center.y += SMR.GRID_SIZE_HALF;
box.size = size;
box.center = center;
}
幅 高さ
ブロックサイズを
かけて大きさを出す！
BoxCollider にセットして終了！

11. 地形の作り方
●
ブロックは幅と高さに合わせて並べればおｋ
– 上辺、右端左端は違うチップにする
●
図のように、 Ground にたくさん
ブロックがぶら下がる

12. 地形の置き方

13. 地形の置き方
●
プレイヤーの手前の座標でチェックする
●
最後に作った地形の右端の座標と比較

14. 地形の置き方
●
この場合は地形右端の方が右にいるので何もし
ない
●

15. 地形の置き方
●
進んでいくと、チェック位置を通り越す
– 地形作る！

16. 地形の置き方
●
地形を置く場所は、 のチェック位置から、○
ブロック幅の距離に置く
– ブロック幅は min ～ max でランダムで決める

17. 敵の作り方

18. 敵の作り方
●
一定距離動いたら、上下の切り替えを行う
– 地面に当たった場合も切り替える
– ブレーキをかけつつ、
パッと切り替わらないようにする
●
「一定距離」は min ～ max でランダム
– これは作ったとき (Instantiate) に決める
動いた距離で上下切り替え！

19. 敵の置き方
●
地形の置き方と同じ
– プレイヤーの手前の座標
– 最後に作った敵の座標

20. 敵の踏み方
●
踏めたか？判定はプレイヤー側の処理に書いた
– プレイヤーの中央 .y と、敵の中央 .y の比較
●
踏めたらジャンプ状態にする
●
踏めなかったら死亡状態にする

21. 敵の踏み方
void OnControllerColliderHit(ControllerColliderHit hit)
{
Mogutarou mog = hit.gameObject.GetComponent<Mogutarou>();
if (mog) {
//モグラとのヒットなのでジャンプか死亡かの判定になる
Vector3 centerPos = CenterPos();
Vector3 mogCenterPos = mog.CenterPos();
if (centerPos.y >= mogCenterPos.y) { //相手の中心よりも高ければ踏んだことにする
ChangeJump();
mog.ChangeDead(); //モグラは死亡する
m_isAttackJump = true;
}
else {
m_deadVec = (Vector3.left + Vector3.up) * 600;
ChangeDead();
}
}
}
●
処理はこんな感じになってた

22. 敵の踏み方
void OnControllerColliderHit(ControllerColliderHit hit)
{
Mogutarou mog = hit.gameObject.GetComponent<Mogutarou>();
if (mog) {
//モグラとのヒットなのでジャンプか死亡かの判定になる
Vector3 centerPos = CenterPos();
Vector3 mogCenterPos = mog.CenterPos();
if (centerPos.y >= mogCenterPos.y) { //相手の中心よりも高ければ踏んだことにする
ChangeJump();
mog.ChangeDead(); //モグラは死亡する
m_isAttackJump = true;
}
else {
m_deadVec = (Vector3.left + Vector3.up) * 600;
ChangeDead();
}
}
}
座標の比較 ( 踏みつけ判定 )
自分はジャンプ状態に。
そしてモグラは殺す
踏みつけ失敗ならこっちに来る。
自分を死亡状態にする

23. バランスの取り方
●
ゲームの残り時間に合わせて、プレイヤーの速
度を上げていく
– 速度に合わせて、地形と地形の間隔を調整
– 地形の高さのランダム加減も調整
●
プログラムでベタ打ち
– どうせ調整するの俺だし

24. バランスの取り方
●
こうなってた
void CheckSpeed()
{
float speed = m_mistila.GetBaseSpeed();
//地形の間隔を空ける
if (speed > 400) {
m_objectSpawner.SetGroundGridIntervalMax(6);
}
else if (speed > 300) {
m_objectSpawner.SetGroundGridIntervalMax(5);
}
else if (speed > 200) {
m_objectSpawner.SetGroundGridIntervalMax(4);
}
//地形の段差をつける
if (speed > 340) {
m_objectSpawner.SetGroundGridPosYMinMax(-7, -5);
}
else if(speed > 240) {
m_objectSpawner.SetGroundGridPosYMinMax(-6, -5);
}
}
プレイヤーの速度を取得

25. バランスの取り方
●
速度に依存させるのではなく、レベルを表す変
数 (0 ～ 1 で変化 ) を用意するべきだった
●
・・・が、とりあえず今回はこれで押し通した

26. そのほか
●
画面遷移
●
メニュー
●
UI
●
死亡演出
●
ゴール演出
●
音周り
●
etc...
まだまだ
色々ある！

28. まとめ
●
ランゲームなめてた・・・
– それなりに考えることがある
– バランス調整するためのあれこれ
– 完成させるためのあれこれ
●
スコア表記はあきらめた。一応右上に獲得コインの表記がある
●
でも本気出したので 1 ヶ月でランゲーム作れた！
●
とりあえずイベントに申し込んで締切りを作ろう！