Tonyu System 2であほげーを作ろう - その3 ターゲットと敵と #HTML5

前回に引き続き，Toyu System 2(以下Tonyu2)で作るあほげーのテンプレートを紹介していきます．

記事一覧

第1回設定とタイトル
 第2回メイン画面
 第3回ターゲットと敵と
 第4回スコア・時間など
 第5回ゲームを公開する
 第6回 Twitterにスコアを投稿
 第7回サウンド関係
 第8回物理エンジンなど

今回追加するもの

前回はプレイヤーが動くだけだったので，他の登場人物として<<第26回のテーマ>> と<<テーマに関連する何か>> を作ります．

今日のファイルはこちらです．改めて，Tonyu2はブラウザで動作しますので，次のリンクからプログラムの閲覧＆編集＆実行が可能です．(すいません，投稿した直後のプログラムはうまく開かなかったので，もう一度開いてみてください）

今回のプログラムを開く！

メニューの実行→Settingを実行 を選んで，一応，ストーリー？を見直しておきましょう

というなんとも抽象的なストーリーですが，テーマが決まった暁には具体的になる....はずです．
とにかく，今回は<<第26回のテーマ>> を集めるのが目的なので，<<第26回のテーマ>> のことを Target と名付けました．

Targetの動作

Target

p=$pat_ahoge26+1;//★1
while(true) {
    x+=vx;//★2
    y+=vy;//★2
    if (screenOut()) die();
    update();
}

★1の変数pは，前回説明した通り，絵柄の設定を行っています．↓の絵の2番目の絵になります．

★2では，x+=vx;だの，y+=vy だの書いてありますが，これらの変数はどこにも初期化されている様子がありません．これらは実際にはMainクラスで値を設定しています．

Main

new Player{x=100,y=100};
//---今回追加分↓
while(true) {
    if (rnd(50)==0) {
        new Target{x=rnd($screenWidth),y=0,vx=0,vy=1};// ★3
    }
    if (rnd(50)==0) {
        new Enemy{x=rnd($screenWidth),y=$screenHeight,vx=0,vy=-1};
    }
    update();
}

★3のように，オブジェクトを作るときに，後ろに{変数=値...} という形式で変数（フィールド）の内容を初期化しています．ちなみに，ここでは次のように初期化されます．

x は 0 以上 $screenWidth 未満の乱数
- $screenWidth は画面の幅を表すグローバル変数
y は 0
vx は 0
vy は 1

★2のx+=vx;，y+=vyによって，xやyの値をvxやvyの分だけ増やすことになるので，このTargetは次のように動きます．

vxは0なのでx座標（横）は動かない
vyは1なのでy座標（縦）は増える．画面上端がy=0で，yが増えるほど下に移動するので，下に移動する

Targetの残りの部分を見ていきます：

Target

p=$pat_ahoge26+1;
while(true) {
    x+=vx;
    y+=vy;
    if (screenOut()) die();//★3
    update();//★4
}

★3は，screenOut メソッドにより「オブジェクトが画面外にいるか」という判定を行い，もしそうだったら die メソッドによりオブジェクトを消しています．
★4の updateメソッドは，前回も説明した通り，このオブジェクトの1フレーム分の動作を終了させます．

Targetとの当たり判定

Playerクラスにて，プレイヤーがTargetに当たったら，そのTargetを取れるようにしています．

Player

pad=new APad;
p=$pat_ahoge26+0;
while(true) {
    x+=pad.vx*5;
    y+=pad.vy*5;
    //---今回追加分↓
    t=crashTo(Target);//★5
    if (t) {//★6
        t.die();//★7
    }
    e=crashTo(Enemy);
    if (e) {
        die();
    }
    //---------
    update();
}

★5 ではcrashTo メソッドを用いて，Targetクラスのオブジェクトのうちどれかに当たっているかを判定します．
- 当たっていたらそのオブジェクトを返します
- 当たっていなかったらundefinedを返します
★6では，★5の結果が undefined 以外かどうか，すなわち，当たっているオブジェクトがあったかを判定します．
- JavaScript同様，値がfalse，undefined，null，NaN，0，空文字列の場合はfalse相当，それ以外はtrue相当になります．
★7では，当たったオブジェクトに対してdieメソッドを呼び，当たったオブジェクトにを消します．

敵を作る．

ストーリーでは「<<テーマに関連する何か>> は集めるなよ！」と言っていたので，これをEnemyと呼びます．プレイヤーが当たったらプレイヤーが消えます．

作り方はTargetとほとんど同じです．

Enemy

p=$pat_ahoge26+2;//Targetとの違いはここの絵柄だけ 
while(true) {
    x+=vx;
    y+=vy;
    if (screenOut()) die();
    update();
}

出現はMainで行います．Targetを出現させる方法と同じです．yは画面下,vyは-1にしているので下から出現します．

Main

new Player{x=100,y=100};
//---今回追加分↓
while(true) {
    if (rnd(50)==0) {
        new Target{x=rnd($screenWidth),y=0,vx=0,vy=1};
    }
    if (rnd(50)==0) {// ここでEnemy出現
        new Enemy{x=rnd($screenWidth),y=$screenHeight,vx=0,vy=-1};
    }
    update();
}

当たり判定はPlayerで行います．「当たったらプレイヤー自身が消える」という点以外はTargetと同じです．

Player

pad=new APad;
p=$pat_ahoge26+0;
while(true) {
    x+=pad.vx*5;
    y+=pad.vy*5;
    //---今回追加分↓
    t=crashTo(Target);
    if (t) {
        t.die();
    }
    e=crashTo(Enemy);
    if (e) {
        die();// プレイヤー自身が消える
    }
    //---------
    update();
}

今回はここまで．次はスコアやら体力やら時間やら，パラメータ系の作成をしていきます．