»これはゲーム開発Canvasチュートリアルの10ステップのうち5番目のステップです。このレッスンを終えたあとの完成予想のソースコードはGamedev-Canvas-workshop/lesson5.htmlで入手できます。ボールが壁で弾むのを見たりパドルを左右雨に動かしたりできるのは楽しいですが、そのことを除くとこのゲームは何もせず、進捗や最終目標といったものが全くありません。ゲームプレイの観点からすると、まず負けることができるようにするのが良いでしょう。ブロック崩しで負けるということの裏にある論理は簡潔です。パドルでボールを逃してボールが画面の下端についてしまったらゲームオーバーになるのです。ゲームオーバーを実装する自分のゲームにゲームオーバーを実装してみましょう。3章ではボールを壁で弾むようにしました。-dy;}4辺全てでボールを弾ませるのではなく、3辺、すなわち上端と左右のみで弾むようにしましょう。底を打ったときゲームは終わりになります。else節にしましょう。ここでは簡単に、アラートメッセージを表示して、ページの再読込によりゲームを再開するだけにしましょう。最初に呼び出しているところを置き換えます。10);次に2番目のif節を次の内容で置き換えましょう。game}パドルをボールに当てるこのレッスンのしあげに、ボールとパドルの衝突検出を作り、ボールが弾んでプレイエリアに戻ってくるようにしましょう。簡単なやり方はボールがパドルの左端と右端の間にあるか確認することです。最後に編集したコードを今度は次のように書き換えます。}}ボールがCanvasの下端に当たっていたら、パドルにも当たっているかどうか確認します。パドルに当たっていたら、思ったとおりにボールは弾みます。当たらなかったら、先ほどと同じようにゲームオーバーになります。自分のコードと比べる自分のコードと比べられるように、実際に動くコードを以下に示します。ボールがパドルに当たったときに速く動くようにしましょう。次のステップ今のところかなり順調に進歩してきていて、ゲームも負けるようになったことでもっと遊ぶ価値が感じられるようになってきました。第六章『ブロックのかたまりを作る』に進み、ボールが壊せるブロックを作りましょう。inbox.現在、ニュースレターは英語でのみ提供されています。従って私の個人情報を扱うことに同意します。