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

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

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

5h 58m Video Course
Instructor: 浅井 良一
33
$257.99
はじめてのVB.NET 実践基礎講座
PRO COURSE

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

1h 44m Video Course
Instructor: 浅井 良一
5
$129.99
差がつくビジネス戦略|事業開発・プラットフォーム戦略・ITマーケティング
PRO COURSE

差がつくビジネス戦略|事業開発・プラットフォーム戦略・ITマーケティング

4h 1m Video Course
Instructor: 平野 敦士 カール
22
$113.14
誰でもわかる!データベース基礎
PRO COURSE

誰でもわかる!データベース基礎

2h 53m Video Course
Instructor: 荒川 栄一郎
$107.99
元Appleシニアマネジャー直伝 !「使える」ビジネス英語
PRO COURSE

元Appleシニアマネジャー直伝 !「使える」ビジネス英語

57m Video Course
Instructor: 松井 博
$89.99
jQueryでリッチなUIを実現する実践講座
PRO COURSE

jQueryでリッチなUIを実現する実践講座

7h 10m Video Course
Instructor: BeSomebody
11
$35.99
DELIC - ビジネスリーダーのためのコーチングスキルアップ講座
PRO COURSE

DELIC - ビジネスリーダーのためのコーチングスキルアップ講座

2h 49m Video Course
Instructor: 林 健太郎
4
$139.99
はじめてのプロジェクトマネジメント - PMの必須知識を専門用語なしで解説
PRO COURSE

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

45m Video Course
Instructor: 大谷 更生
$94.99
ダイバーシティ & インクルージョン入門 - 多様性のある組織を目指して
PRO COURSE

ダイバーシティ & インクルージョン入門 - 多様性のある組織を目指して

56m Video Course
Instructor: 石山 喜章
$81.99
LINEをビジネスに活用!LINE@マーケティング基礎講座
PRO COURSE

LINEをビジネスに活用!LINE@マーケティング基礎講座

2h 29m Video Course
Instructor: 山田 どうそん
$89.99
【現役Rubyistが質問対応】Ruby on Rails (6.0) チュートリアル [第6版]
PRO COURSE

【現役Rubyistが質問対応】Ruby on Rails (6.0) チュートリアル [第6版]

37時間13分の動画講座+質問対応
Instructor: 安川 要平
2
$579.99
初めてのPhotoshop - 1ヶ月で覚える写真加工の基礎から中級まで
PRO COURSE

初めてのPhotoshop - 1ヶ月で覚える写真加工の基礎から中級まで

9h 28m Video Course
Instructor: 森 まりも
73
$114.99