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

基礎から学べる! HTML5完全マスター講座
PRO COURSE

基礎から学べる! HTML5完全マスター講座

6h 48m Video Course
Instructor: NESTonline
8
$80.99
はじめてのプロジェクトマネジメント - PMの必須知識を専門用語なしで解説
PRO COURSE

はじめてのプロジェクトマネジメント - PMの必須知識を専門用語なしで解説

45m Video Course
Instructor: 大谷 更生
$94.99
【新版】世界で10万人が受講!未経験からWebプログラマーになるための全て
PRO COURSE

【新版】世界で10万人が受講!未経験からWebプログラマーになるための全て

23h 15m Video Course
Instructor: BeSomebody
204
$174.00
Khóa học Tiếng Nhật trực tuyến cấp độ N4 - JLPT N4 Level
PRO COURSE

Khóa học Tiếng Nhật trực tuyến cấp độ N4 - JLPT N4 Level

13h 45m Video Course
Instructor: Tập đoàn Attain
4
$149.99
Excel 2016【マクロ入門】自動記録で学ぶExcel自動化
PRO COURSE

Excel 2016【マクロ入門】自動記録で学ぶExcel自動化

53m Video Course
Instructor: 渋谷 玲子 & 株式会社ビジネスITアカデミー
14
$107.99
長期的な無料の集客チャネルを実現!オウンドメディア構築プログラム
PRO COURSE

長期的な無料の集客チャネルを実現!オウンドメディア構築プログラム

3h 40m Video Course
Instructor: 山田 どうそん
3
$189.99
メルマガ初心者必見!! 免許皆伝メルマガアフィリエイト講座
PRO COURSE

メルマガ初心者必見!! 免許皆伝メルマガアフィリエイト講座

7h 12m Video Course
Instructor: 石崎 力也
$199.99
How to Become a Top Skilled Web Developer
PRO COURSE

How to Become a Top Skilled Web Developer

23h 6m Video Course
Instructor: Masaaki Hatano
$119.99
Japanese Learning Course for JLPT N5 Level
PRO COURSE

Japanese Learning Course for JLPT N5 Level

21h 7m Video Course
Instructor: Attain Corp.
6
$149.99
Excel 2016【入門】Excelを間違って覚えないための最初の一歩
PRO COURSE

Excel 2016【入門】Excelを間違って覚えないための最初の一歩

1h 11m Video Course
Instructor: 渋谷 玲子 & 株式会社ビジネスITアカデミー
7
$89.99
ビジネスパーソン必見!やさしい内部監査入門講座
PRO COURSE

ビジネスパーソン必見!やさしい内部監査入門講座

1h 7m Video Course
Instructor: 永尾 涼太
$79.99
英語発音超特訓講座【発音記号】を練習してネイティブの発音を獲得
PRO COURSE

英語発音超特訓講座【発音記号】を練習してネイティブの発音を獲得

4h 58m Video Course
Instructor: 瀧 セージ
6
$119.99