コース: JavaScriptとPhoneGap Buildでゲームアプリを作ろう

今すぐコースを受講しましょう

今すぐ登録して、23,200件以上登録されている、業界エキスパート指導のコースを受講しましょう。

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

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

このレッスンでは ゲームアプリを 制作していくための 新規のプロジェクトファイルの 作成方法について解説いたします まずダウンロードしたこちらの 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 サイトから ダウンロードしてきたものになります では画面を元に戻します 以上 これらのファイルを使って 今回のゲームアプリの開発を進めていきます 以上でレッスンは終了です…

目次