JavaScriptでゲームを作る際に、

Writer: admin Type: arte Date: 2019-01-08 00:00
JavaScriptでゲームを作る際に、スタート画面とゲームオーバー画面を入れるにはどうしたらいいですか?プログラムを教えていただけたら嬉しいです。スタートの文字を押したらゲームが始まるようにしたいのですが…共感した0###そもそもゲームの種類自体が無数にあるわけですし,それぞれでもやり方がたくさんありますから一概には言えませんよ。と言うか「どうしたら良いのか?」という大筋は自分で考えて決めることです。他人に訊くものではありません。一応,1ページ(1HTML) だけで済ませる簡単なコード例を書いておきますが,これは単なる一例中の一例に過ぎません。 <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Game Example</title></head><script>var int_id;var cnt = 10;function gameStart(){    document.querySelector("#start").style.display = "none";    document.querySelector("#game").style.display = "block";    setInterval(countDown, 100);}function countDown(){    cnt = (cnt*10-1)/10;    if(cnt > 0){        document.querySelector("#cnt_txt").value = cnt;    }else{        clearInterval(int_id);        document.querySelector("#game").style.display = "none";        document.querySelector("#over").style.display = "block";    }}</script><body><div id="start" style="text-align: center;"><br> <br><h1>スタート画面</h1><br> <br><button onclick="gameStart()">スタート</button></div><div id="game" style="text-align: center; display: none"><br> <br><h1>ゲーム画面</h1><br> <br><input type="text" id="cnt_txt"></div><div id="over" style="text-align: center; display: none"><br> <br><h1>ゲームオーバー画面</h1><br> <br>ゲームは終わりました。</div></body></html> ※ ↑コピペして 文字コード UTF-8 で HTML として保存してください。 上の例は説明を簡単にするために1ページ(1HTML)にまとめていますが「スタート画面」「ゲーム画面」「ゲームオーバー画面」はそれぞれ別ページ(別HTML)にしても良いです。(ただしその場合ページ間での情報の送受信が面倒になりますが。)ナイス0
###今、卒業制作としてゲームを作っています色々調べたのですがどれがいいのかよく分からなかったので…ありがとうございます!!

 

TAG