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

JavaScriptを極める33時間セット講座!超入門からNode.js, Electronまで
SET COURSE

JavaScriptを極める33時間セット講座!超入門からNode.js, Electronまで

5 Courses Included
Instructor: 柳井 政和
7
$17.99/mo
はじめての事業戦略 - 会社を潰さないための必須の知識
PRO COURSE

はじめての事業戦略 - 会社を潰さないための必須の知識

7h 28m Video Course
Instructor: 石崎 力也
$129.99
毎日コツコツ試せるSEO実践講座
PRO COURSE

毎日コツコツ試せるSEO実践講座

2h 29m Video Course
Instructor: 石崎 力也
$179.99
商务日语之路  初级篇
PRO COURSE

商务日语之路 初级篇

4h 34m Video Course
Instructor: 安特株式会社
$159.99
未経験からプロのWebデザイナーに! 450レッスン完全マスターコース
PRO COURSE

未経験からプロのWebデザイナーに! 450レッスン完全マスターコース

42h 17m Video Course
Instructor: NESTonline
139
$212.99
未経験からプロレベルを目指そう! 実践Photoshop講座
PRO COURSE

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

8h 40m Video Course
Instructor: NESTonline
1
$80.99
誰でもわかる!Linux 基本オペレーティング習得講座
PRO COURSE

誰でもわかる!Linux 基本オペレーティング習得講座

2h 59m Video Course
Instructor: Attain Corp.
1
$87.99
経営者のための「No.1事業」の作り方とはじめ方
PRO COURSE

経営者のための「No.1事業」の作り方とはじめ方

2h 3m Video Course
Instructor: 山崎 伸治
$444.99
人生を豊かにするためのワークバランス習得法
PRO COURSE

人生を豊かにするためのワークバランス習得法

1h 11m Video Course
Instructor: 塩見 政春
2
64%OFF
$28.99
$80.99
カール教授と学ぶ新規事業開発・ビジネスモデル構築超入門
PRO COURSE

カール教授と学ぶ新規事業開発・ビジネスモデル構築超入門

1h 36m Video Course
Instructor: 平野 敦士 カール
17
$96.99
スタートアップの営業戦略
PRO COURSE

スタートアップの営業戦略

1h 51m Video Course
Instructor: 福山 敦士
$96.99
ホワイトハットSEO講座 - 清廉潔白なSEO手法
PRO COURSE

ホワイトハットSEO講座 - 清廉潔白なSEO手法

2h 20m Video Course
Instructor: 石崎 力也
$89.99