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

ゲーム終了時の得点結果表示

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

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
ゲームプレイ終了時に、最終の得点結果を、画面内に表示させる方法について、解説致します。
講師:
03:37

字幕

このレッスンではゲームプレイ終了時に 最終の得点結果を 画面内に表示させる方法について 解説していきます まずはダウンロードしてきたこちらの Show result scoreのフォルダの中に入っている こちらの jsフォルダの中の script.jsファイルをエディタで開いてください そしてこれがそのファイルを開いた状態です このファイルを使って今回のレッスンの解説を 進めていきたいと思います それでは早速レッスンを始めて行きましょう まず初めに現状の index.html ファイルを ブラウザで開いて 今回実装する内容を確認してみたいと思います index.htmlファイルは先ほど ダウンロードしたファイルの中に含まれています それではそのファイルをブラウザで 開いてみましょう そして これがその index.html ファイルを ブラウザで開いた状態です それではこちらのゲームスタートボタンを クリックします そして画面に表示されてくるもぐらを このようにクリックしていきます 黒いもぐらが悪いもぐらですので 加点となりますね 茶色いもぐらは良いもぐらなので 減点となってしまいますので 黒いもぐらを狙って叩くようにしてください そして残り時間が終了すると このようにゲーム終了となって このようにゲーム終了画面に遷移します 今回このゲーム終了画面において 先ほどのゲームの最終得点を表示させる 方法について見ていきます それではエディタに戻ります そして今回注目していただきたい部分は こちらの部分となります この部分はゲームのプレイ時間が終了して ゲームの終了画面を表示させる プログラムの箇所となっています 今回は その箇所に こちらの部分を追加しているわけです それでは具体的に見ていきます こちらの部分ですね まず $(#pageEnd) と書いて半角スペース そして .score と書いていますね この部分で pageEnd という Id をもった html タグの中にあるー score というクラスをもった html タグという形になります これは html ソース上でいうと 先ほどの score を表示させる枠のところを指します そしてその次に.textと書いて (); そしてそのテキストの中の引数には currentScore ということで 個々のゲームの得点を 格納しているこの変数を この html タグの中に記述する といった命令となります この text という命令は ここに指定した html タグの中に こちらの引数の値を文字列として挿入しろ という意味になります もしその html タグの中に 元々 何かしらの記述があった場合は それが削除されてこちらの値が差し変わる形で 挿入されてきます こうすることで 先ほどブラウザで確認したように 最後のゲーム終了画面において 得点の表示をすることが可能になるわけです 以上でレッスンは終了です 今回はゲームプレイ終了時に最終の得点結果を 画面内に表示させる方法について 解説いたしました 以降のレッスンではゲームプレイ終了後に スタート画面に戻った際 今回の得点とベストスコアを比較して ベストスコアを更新する方法と 画面内に表示させる方法について 解説いたしますので そちらもあわせてご覧ください

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

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

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

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

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

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