JavaScriptとPhoneGap Buildで作るスマートフォンゲームアプリ

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

全334コースを10日間無料で

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
スタートボタンをクリックした際に、ゲーム開始処理を行う関数の作成方法について解説致します。
講師:
03:00

字幕

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

JavaScriptとPhoneGap Buildで作るスマートフォンゲームアプリ

このコースでは、JavaScriptとPhoneGap Buildを使ってスマートフォン向けのもぐらたたきゲームのアプリを作成する方法について解説します。Phonegap BuildやjQueryについて紹介したのち、HTMLやCSSでのコーディングの方法、ゲーム内でのアニメーションの実装や条件分岐の方法などについて学んでいきます。

2時間27分 (43 ビデオ)
現在、カスタマーレビューはありません…
 
ソフトウェア・トピック
価格: 2,990
発売日:2015年05月12日

このコースは、「オンデマンド」でご利用可能であり、ダウンロードすることもオンラインで見ることもできます。

ダウンロードすると、オフラインでコースを使用し、豊富なインターフェースをフルに活用できます。複数のデバイスを使用したり、 一度に全コースをダウンロードしたくない場合は、アカントにログインして、ストリーミング・ビデオとしてコースのレッスンを視聴してください。

ビデオトレーニングをお楽しみいただけますように! お問い合わせは、cs-jp@lynda.com宛までご連絡ください。