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

【入門】SP経営講座 - 経営指針5カ条と5大疾病について
PRO COURSE

【入門】SP経営講座 - 経営指針5カ条と5大疾病について

音声講座
Instructor: 田中 英司
$289.99
社長が伝えたい「新入社員〜中堅社員」へのメッセージ
PRO COURSE

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

2時間9分の音声・動画講座+5名分アカウント
Instructor: 田中 英司
$329.99
ビジネスExcel 7つの原則
PRO COURSE

ビジネスExcel 7つの原則

22m Video Course
Instructor: 渋谷 玲子 & 株式会社ビジネスITアカデミー
$89.99
온라인 일본어 JLPT N3 코스 일본어 능력 시험 JLPT N3 교과서
PRO COURSE

온라인 일본어 JLPT N3 코스 일본어 능력 시험 JLPT N3 교과서

10h 19m Video Course
Instructor: Attain Corp.
$149.99
【2年連続営業成績最下位が全国3位に!】営業の達人 三部作セット
PRO COURSE

【2年連続営業成績最下位が全国3位に!】営業の達人 三部作セット

5h 58m Video Course
Instructor: 大島 佳子 & 村上 和徳
9
$219.99
「意思決定を支援する」文系出身でもわかる統計学講座 ビジネス統計学
PRO COURSE

「意思決定を支援する」文系出身でもわかる統計学講座 ビジネス統計学

2h 40m Video Course
Instructor: 堅田 洋資
13
$110.99
はじめてのVB.NET 実践基礎講座
PRO COURSE

はじめてのVB.NET 実践基礎講座

1h 44m Video Course
Instructor: 浅井 良一
5
$129.99
Japanese Learning Course for JLPT N3 Level
PRO COURSE

Japanese Learning Course for JLPT N3 Level

10h 18m Video Course
Instructor: Attain Corp.
16
$149.99
全53時間! ITスタートアップの全て -Web・アプリプログミングから起業まで-
PRO COURSE

全53時間! ITスタートアップの全て -Web・アプリプログミングから起業まで-

53h 56m Video Course
Instructor: Masaaki Hatano
58
$355.36
悪魔のWebサイト作成講座 - 成約率がみるみる上がるサイト制作
PRO COURSE

悪魔のWebサイト作成講座 - 成約率がみるみる上がるサイト制作

2h 39m Video Course
Instructor: 山本 琢磨
11
94%OFF
$12.99
$199.99
5日でできる はじめてのLinux入門 LPIC (Level 1対応)
PRO COURSE

5日でできる はじめてのLinux入門 LPIC (Level 1対応)

6h 2m Video Course
Instructor: 井上 博樹
21
$96.99
ブラックハットSEO講座 - やってはいけない手法を理解しよう
PRO COURSE

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

1h 34m Video Course
Instructor: 石崎 力也
$89.99