現在、小惑星と背景、スコアなどを描画するゲームがあります。船が小惑星に当たると、ユーザーはゲームオーバー画面に移動し、もう一度プレイボタンを押すと、ゲームをリセットして開始しないようにします。小惑星にぶつかった時から。
function playGame() {
clearCtxMenu();
clearCtxGameOver();
drawBg();
startLoop();
score = 0;
document.addEventListener('keydown',checkKeyDown,false);
document.addEventListener('keyup',checkKeyUp,false);
}
これにより、すべてがゲームに読み込まれ、メニュー/ゲームオーバー画面の画像がクリアされます。
function gameOver() {
stopLoop();
drawPlayAgain();
drawMenu();
ctxGameOver.fillText("Score: " + score, 320, 160);
ctxGameOver.fillText("Highscore: " + highScore, 300, 180);
}
小惑星がヒットしたときに呼び出すゲームオーバー関数。
もう一度再生ボタンを押すとplayGame関数が呼び出されるように設定しましたが、終了したばかりではなく、最初から開始したいと思います。