ゲームスタート処理を行う関数の作成

このレッスンでは スタートボタンをクリックした際に ゲーム開始処理を行うための関数の 作成方法について解説いたします まずは ダウンロードしてきた こちらの game_function という フォルダの中に入っている こちらの js フォルダの中の script.js ファイルをエディタで開いてください そして これがそのファイルを開いた状態です このファイルを使って今回のレッスンの 解説を進めていきたいと思います それでは 早速レッスンを始めていきましょう 今回 注目して頂きたい部分は こちらのファイルの中のこの部分となります それでは 順番に見ていきます まずは function を使って ユーザー定義関数を作成しています その関数の名前は game としていますね そして { } と書いて こちらの { } の間に 具体的な処理を書いています そして こちらの部分では ゲームプレイ画面に表示されている ゲーム終了という画像を 非表示にする命令を書いています こちらの ( ) の中に .end と書いていますね これは end というクラスを持った HTML タグを非表示にしろ といった意味になります そして ここまで書けたら こちらのユーザー定義関数 game を スタートボタンの クリックイベントの中に書いてあげます 具体的にはこちらの部分ですね この ゲームプレイ画面を表示した後すぐに こちらの game という ユーザー定義関数を呼び出してあります こうする事によって ゲームプレイ画面が 表示されたのと同時に こちらの処理も実行されるといった形になります 以降の具体的なゲームの処理は こちらのユーザー定義関数 game の { } に中に追加していく形で どんどんと書いていきますので 覚えておいてください それでは この状態で index.html ファイルを ブラウザで開いて動作を確認してみましょう これがその index.html ファイルを開いた状態です このスタート画面が表示されるまでに スプラッシュスクリーンが表示されています それでは ゲームスタートボタンを クリックしてみましょう すると このように ゲームプレイ画面に遷移しましたね そして前回のレッスンでは表示されていた こちらにあった画像― ゲーム終了という画像ですね…