| ● What’s New ● | |
|---|---|
| 2023/04/11 | 新規に公開しました。 |
実習で作るゲームの例*春学期、水曜1限、[オンライン授業]
*「本日の教材」のページの末尾から「実習課題の解答例」が見られます。
*解答例を公開するのは授業終了後です。
| 回 | 月 日 | 授業内容 | 教 材 | 配布資料 | 備 考 |
|---|---|---|---|---|---|
| 1 | 4月12日 | 授業ガイダンス/HTML、CSSの復習 | 本日の教材 | A4判4枚 |
www3.toyo.ac.jpアカウント配布 ToyoNet-ACE 個別指導(コレクション) |
| 2 | 4月19日 | 三択問題/JavaScriptの復習 | 本日の教材 | A4判4枚 | |
| 3 | 4月26日 | テキスト型RPG(1)~ロール・プレイング・ゲーム | 本日の教材 | A4判4枚 |
自作課題1出題 |
| 4 | 5月10日 | テキスト型RPG(2)~ロール・プレイング・ゲーム | 本日の教材 | A4判3枚 | |
| 5 | 5月17日 | 宝探しゲーム(1)~カード・ゲーム | 本日の教材 | A4判5枚 | |
| 6 | 5月24日 | 宝探しゲーム(2)~カード・ゲーム | 本日の教材 | A4判4枚 | |
| 7 | 5月31日 | 神経衰弱(1)~カード・ゲーム | 本日の教材 | A4判4枚 | |
| 8 | 6月7日 | 神経衰弱(2)~カード・ゲーム | 本日の教材 | A4判4枚 |
自作課題2出題 |
| 9 | 6月14日 | モグラたたき(1)~アクション・ゲーム | 本日の教材 | A4判4枚 | |
| 10 | 6月21日 | もぐらたたき(2)~アクション・ゲーム | 本日の教材 | A4判2枚 | |
| 11 | 6月28日 | 8パズル(1)~スライド・パズル | 本日の教材 | A4判4枚 | |
| 12 | 7月5日 | 8パズル(2)~スライド・パズル | 本日の教材 | A4判2枚 | |
| 13 | 7月12日 | スネークゲーム(1)~アクション・パズル | 本日の教材 | A4判5枚 | 自作課題3出題 |
| 14 | 7月19日 | スネークゲーム(2)~アクション・パズル | 本日の教材 | A4判4枚 | |
| 15 | 7月26日 | スネークゲーム(3)~アクション・パズル | 本日の教材 | A4判4枚 |
参考ウェブサイト
CSSの基本
とほほのスタイルシート入門
CSS リファレンス
CSS Properties Index
HTML5
HTML5入門 ~初心者のためのHTML5を使ったホームページ作成方法~
HTML5入門
HTML5 Introduction
CSSでの色の指定方法について
HTML,CSS ホームページの背景色や文字色
WEB COLOR 216
RGBと16進数カラーコードの相互変換ツール
WEB画像について(HTMLクイックレファレンス)
画像ファイル形式の基礎と特徴まとめ(JPEG・GIF・PNGなど)「LIB WORKS Vol.2」(株式会社LIG)
画像拡張子・ファイル形式の種類一覧!JPG・PNG・GIF等違いを比較「ホームページ大学」(ペライチ)
BMP,JPG,GIF,PNG 画像フォーマットの違いを歴史的背景から解説(パソコン実践講座 ~道すがら講堂~)
初めて学ぶ人のためのJavaScript入門
とほほのJavaScriptリファレンス
JavaScript 「再」入門
オブジェクト指向プログラム言語としてのJavaScript
秀丸エディタ
参考文献
『HTML5&CSS3ワークブック』
『スラスラわかるHTML&CSSのきほん 第2版』
『HTML5&CSS3デザインブック』
『よくわかるHTML5+CSS3の教科書 第2版』
『HTML&CSSとWebデザインが1冊できちんと身につく本』増補改訂版
『JavaScriptワークブック』第3版
『入門者のJavaScript』
『確かな力が身につくJavaScript「超」入門』第2版
『JavaScript本格入門:モダンスタイルによる基礎から現場での応用まで』改訂新版
『JavaScript』第6版
『7大ゲームの作り方を完全マスター! ゲームアルゴリズムまるごと図鑑』
*東洋大学社会学部「ウェブ情報処理および実習III」(海野敏担当)のために開設しています。 授業の進行に応じて、このページで参考ウェブサイトの紹介、 参考文献の指示などをいたします。
*本講義の目的は、ホームページ作成のための一歩進んだ技法を習得することです。 具体的には、ゲームプログラミングを通してJavaScriptの活用法を学習します。