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

新規プロジェクトファイルの作成

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

ぜひご覧ください。

無料で視聴する すべての加入プランを見る
または
ゲームアプリを制作していく為の新規プロジェクトファイルの作成方法について、解説致します。
講師:
02:46

字幕

このレッスンでは ゲームアプリを 制作していくための 新規のプロジェクトファイルの 作成方法について解説いたします まずダウンロードしたこちらの new project というフォルダを デスクトップなどの分かりやすい 場所に保存しておいて下さい このファイルを使って今回のレッスンの 解説を進めていきたいと思います では早速レッスンを始めましょう では こちらの new project という フォルダの中を覗いてみましょう こちらをクリックすると まず www というフォルダが出てきましたね 更にこれをクリックすると このように index.html ファイルと 他にフォルダが3つ並んでいます この index.html ファイルは このゲームのユーザーインターフェース 要するに画面のことですが このユーザーインターフェースを 構築するにあたって HTML コーディングをしていく ファイルとなります 現在は中身は何も書かれていません こちらの CSS フォルダに入っているのは こちらの style.css ファイルとなります このファイルは先程の index.html に対して スタイルシートをあてていくためのー ファイルとなります こちらも現在中身は何も書かれていません 画面を戻しまして こちらのイメージフォルダ こちらの中身を覗いてみましょう こちらにはこのゲームで使う 画像素材が入っています これらの画像を index.html ファイルから イメージタグを使って直接読み込んだり もしくは先程の style.css ファイルから バックグラウンドイメージとして読み込む といった形で利用していきます では 画面を戻しまして 最後にこちらの js フォルダの中を 覗いてみましょう js フォルダの中には 2つのファイルがあります 1つは jquery のファイル もう1つは script.js ファイルとなります こちらの script.js ファイルは 現在中身が空っぽのー 自分で作った新規のファイルとなります こちらの jquery の方は jQuery のWeb サイトから ダウンロードしてきたものになります では画面を元に戻します 以上 これらのファイルを使って 今回のゲームアプリの開発を進めていきます 以上でレッスンは終了です 今回はゲームアプリを制作していくための 新規のプロジェクトファイルの 作成方法について解説いたしました 以降のレッスンではゲーム内の 各画面のインターフェースを HTML で構築していく方法について そのいくつかのポイントを 解説していきますので そちらも合わせてご覧下さい

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

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

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

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

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

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