Lecture 11:

ファイルの種類

Instructor: 柳井 政和

Lecture Content


今回はファイルの種類についてです。本コースで作成するリバーシゲームは、

・HTML

・CSS

・JavaScript

・画像

・サウンド

・Webフォント

これらのファイルで構成されています。

HTMLファイルを使いブラウザに画面を表示させ、CSSファイルを使いその表示の微調整を行い、JavaScriptでゲームの処理を書き、画像ファイルを使いゲームの表示部品を用意して、サウンドファイルを使いBGMや効果音を鳴らし、Webフォントを使い文字の描画を行います。

サンプルをAtomで開いてみましょう。ルートにある index.html がHTMLファイルです。cssフォルダにあるmain.cssがCSSファイルです。JavaScriptファイルのうち、自前で作成していないものは、こちらのlib jquery.min.jsのように、libフォルダーの中にファイルが入っています。

また自分で作成したJavaScriptファイルは、こちらのjsフォルダの中に格納されています。

冒頭にgameとついているのはゲームの基本的な処理、resourcesとついているものは画像やサウンドやフォントを読み込み利用するための処理、rebersiとついているものはリバーシゲーム固有の処理、testとついているものはデバッグ用の処理になります。

画像ファイルはimgフォルダの中に入っています。サウンドファイルはsndフォルダーの中に入っています。フォントはfntフォルダの中に入っています。

本コースのリバーシゲームはこのようなファイルで構成されています。今回はファイルの種類について話をしました。


Related Courses

未経験からプロレベルを目指そう! 実践Photoshop講座
PRO COURSE

未経験からプロレベルを目指そう! 実践Photoshop講座

8h 40m Video Course
Instructor: NESTonline
1
$80.99
2D、3D、VRゲームも作れる!Unity実践基礎講座
PRO COURSE

2D、3D、VRゲームも作れる!Unity実践基礎講座

5h 11m Video Course
Instructor: 浅井 良一
26
$95.99
Photoshop【最高難易度のスキル】中級者からプロ・上級者レベルへ
PRO COURSE

Photoshop【最高難易度のスキル】中級者からプロ・上級者レベルへ

6h 5m Video Course
Instructor: ムラモリ コウ
4
$99.99
ビデオ撮影術入門講座 - 見ていられない映像にならないために
PRO COURSE

ビデオ撮影術入門講座 - 見ていられない映像にならないために

2h 28m Video Course
Instructor: 升田 規裕
$99.99
誰でもわかる!HTML & CSS基礎
PRO COURSE

誰でもわかる!HTML & CSS基礎

10h 15m Video Course
Instructor: 荒川 栄一郎
1
$187.99
現役エンジニアが教えるAndroidアプリ開発入門
PRO COURSE

現役エンジニアが教えるAndroidアプリ開発入門

5h 31m Video Course
Instructor: 井上 博樹
28
$96.99
販売管理システムを構築!パーフェクトC#講座
PRO COURSE

販売管理システムを構築!パーフェクトC#講座

5h 58m Video Course
Instructor: 浅井 良一
33
$257.99
Google検索で上位表示を目指すSEO入門講座
PRO COURSE

Google検索で上位表示を目指すSEO入門講座

5h 34m Video Course
Instructor: 遠藤 聡
4
$107.99
コンテンツマーケティング入門講座 - 安定したリード獲得のために
PRO COURSE

コンテンツマーケティング入門講座 - 安定したリード獲得のために

3h 8m Video Course
Instructor: 山田 どうそん
$189.99
仕事ができる人の整理整頓術 - 5Sの徹底を図り、仕事の効果効率を上げる!
PRO COURSE

仕事ができる人の整理整頓術 - 5Sの徹底を図り、仕事の効果効率を上げる!

40m Video Course
Instructor: 藤本 剛士
2
$87.99
相手の心を動かすプレゼンテーションスキル
PRO COURSE

相手の心を動かすプレゼンテーションスキル

45m Video Course
Instructor: 藤本 剛士
1
$87.99
脱知ったかぶり!! ダイレクトレスポンスマーケティング(DRM)徹底学習講座
PRO COURSE

脱知ったかぶり!! ダイレクトレスポンスマーケティング(DRM)徹底学習講座

4h 53m Video Course
Instructor: 山田 どうそん
3
$189.99