Large Display Size Middle Display Size Small Display Size
印刷用 概要 キーワード 著者

ゲームのしくみ: 画面変更

JavaScriptで本格ゲーム

普通、ゲームを起動すると次のような流れで画面が変更されていくと思います。

ゲーム機の電源オン! で、まずメーカーの名前が表示されて…


ゲームのタイトル画面が表示される。そしてキーを押すと…


STAGE1 とか表示されて…


ゲームが始まるわけです★



このような画面の流れをJavaScriptで行うにはどうしたらいいでしょうか。
まずはサンプルを見てみてください。
(残念ながらゲームにはなっていません!)

できれば今ここでキーボードの F11 キーを押して全画面表示にしてから下のリンクを開いてください。ファミコンっぽい印象になります。
全画面から元に戻すには F11 をもう一度押します。


あまり丁寧なコメントではありませんが、詳しい方法は下記ソースコードのコメントを参照してください。

新しいウィンドウでソースコードを開く

ゲーム機みたいなゲームソフトをJavaScriptで作りましょう★

追記:
現状のソースコードだとちょっと問題があることに気付きました。
割り込みハンドラ関数(setTimeout()で指定するrun0()など)からinitx関数を呼んでいるというのはエレガントでない気がします。
関数から関数を呼んでさらにそこから別の関数を呼んで…という感じになるような、ならないような…。
悪影響があるにせよ無いにせよ、こういう書き方はあまりよくない(メモリに負荷がかかると感じるのでよくない)と思うので、割り込みハンドラ関数では次に実行するinitxを指定だけして終了して、メインのループを別途作っておいて指定が入ったらその指定を実行する、という形がいいのかな?

ページ制作 homepage6047


ページの上端へ (もくじ開く)