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

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

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

40m Video Course
Instructor: 藤本 剛士
2
$87.99
Excel 2016【入門】Excelを間違って覚えないための最初の一歩
PRO COURSE

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

1h 11m Video Course
Instructor: 渋谷 玲子 & 株式会社ビジネスITアカデミー
7
$89.99
Japanese Learning Course for JLPT N4 Level
PRO COURSE

Japanese Learning Course for JLPT N4 Level

13h 45m Video Course
Instructor: Attain Corp.
14
$149.99
Facebookで集客を実現!Facebookマーケティング実践講座
PRO COURSE

Facebookで集客を実現!Facebookマーケティング実践講座

2h 13m Video Course
Instructor: 山田 どうそん
$129.99
Khóa học Tiếng Nhật trực tuyến cấp độ N5 - JLPT N5 Level
PRO COURSE

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

21h 34m Video Course
Instructor: Tập đoàn Attain
8
$149.99
現役エンジニアが教える、はじめてのiOS 10アプリ開発入門
PRO COURSE

現役エンジニアが教える、はじめてのiOS 10アプリ開発入門

3h 28m Video Course
Instructor: 井上 博樹
34
$96.99
Java知識ゼロでもOK!! 初心者にピッタリなAndroidアプリ開発講座
PRO COURSE

Java知識ゼロでもOK!! 初心者にピッタリなAndroidアプリ開発講座

9h 39m Video Course
Instructor: 金田 浩明
10
$199.99
基礎から学べる! HTML5完全マスター講座
PRO COURSE

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

6h 48m Video Course
Instructor: NESTonline
8
$80.99
ブラックハットSEO講座 - やってはいけない手法を理解しよう
PRO COURSE

ブラックハットSEO講座 - やってはいけない手法を理解しよう

1h 34m Video Course
Instructor: 石崎 力也
$89.99
JavaScript完全速習講座
PRO COURSE

JavaScript完全速習講座

4h 28m Video Course
Instructor: BeSomebody
5
$35.99
社長が伝えたい「新入社員〜中堅社員」へのメッセージ
PRO COURSE

社長が伝えたい「新入社員〜中堅社員」へのメッセージ

2時間9分の音声・動画講座+5名分アカウント
Instructor: 田中 英司
$329.99
Accessシステム作成「Access初級」【Access 2010版】
PRO COURSE

Accessシステム作成「Access初級」【Access 2010版】

3h 12m Video Course
Instructor: 渋谷 玲子 & 株式会社ビジネスITアカデミー
16
$107.99