Game Overのあとの物語を追加

 現在のプログラムでは、プレイヤーのHPが無くなった後Game Overの文字が表示されて、プログラムは終了してしまっていたので、その後に追加をしてゲームに復帰することができるようにします。

最初に、Game Overの文字が表示されてから時間経過で次のゲームファイルに飛べるようにするために、下記のコードを追加しました。

            setTimeout(function(){
                location.href = "Gameover.html"; }, 2000);

次のゲームファイルはこのようなマップになっています。


5つの扉を設置していて、stage1,stage2,stage3,stage4,stage5のすべてのファイルに移動できるようにしています。

このプログラムだと、クリアしていないステージを飛ばして進めることができてしまいますが、どうしても倒せない場合とかに利用することもできるので、カジュアルな感じのゲームならこのような仕組みがあっても良いと思うので、そのままにしています。

参考文献

今回使用させていただいた素材は、「ぴぽや倉庫」と「ドット絵世界」さんのものです。

https://pipoya.net/sozai/

https://yms.main.jp/dotartworld/index.html