- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2023-04-21T18:45:00+09:00;2023-04-21T18:44:36+09:00","default:member","member")
#author("2023-04-25T15:39:27+09:00;2023-04-25T15:36:57+09:00","default:member","member")
*おともだち
オリジナルホラーゲームのWebサイト ・・・・・・・・・・・・・・・・
#image(taitoru1.jpg)
-''西山 実伶''
-'''Keywords：game, web design, html'''
-https://www.example.com
//-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。
~
**概要
***これは何？
//&color(red){これは何か・・を簡潔に};
1年生の時にチームで制作したゲームを紹介し、多くの人に興味を持って遊んでもらえるようなサイト
~
***背景と目的
//&color(red){プロジェクトの背景と目的};
オリジナルゲームを制作したが、それを紹介するためのサイトがなかったためこれを機にwebサイトを制作しようと思ったから。
~
***コンセプト
//&color(red){基本的な考え方、枠組み、視点など};
『おともだち』の登場人物や大まかなストーリーの内容、操作方法等を掲載することで、閲覧者に興味を持ってもらえるようにする。
~
***成果物の仕様
//&color(red){&small(成果物の形式・サイズ・時間尺等);};
-webサイト
-サイトマップ
-ワイヤーフレーム
~
//***メンバー
//&color(red){共同プロジェクトの場合のみ｜メンバーと役割分担を明記};
~
***制作ツール
//&color(red){使用するツール｜ハードウエア・ソフトウエア};
-ハードウェア
--MacBook Air
~
***プロジェクトの期間
//&color(red){プロジェクトの期間｜20XX.XX.XX - 20XX.XX.XX };
2023.04.11 - 2023.07.11
~
***まとめ
//&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。};
~
~
**調査
***現状調査
//&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し};
ゲーム自体は一通りプレイできるようにはなっているが、それを紹介するwebサイトがない
~
***先行事例
//&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など};
-フリーゲームのサイト
--[[殺戮の天使 ゲームマガジン>https://www.gamemaga.jp/satsuriku/]]
--[[魔女の家>https://majonoie.karou.jp]]
--[[ib>https://kouri.kuchinawa.com/game_01.html]]
-参考にしたいサイト
--[[TWISTED WONDERLAND>https://twisted-wonderland.aniplex.co.jp]]
~
***技法・技術情報
//&color(red){プロジェクトの遂行に必要な技法・技術に関する調査};
-HTML
--[[ホームページをHTMLで作成する手順をゼロから解説>https://pr.toriaez.jp/navi/column/2511.html]]
--[[【はじめてのHTML】ホームページの作り方・公開までの手順を解説>https://www.xserver.ne.jp/bizhp/homepage-creation-by-html/]]
~
~
**プロジェクト管理
***スケジュール（準備中）
//&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
[[スケジュール表>https://docs.google.com/spreadsheets/d/1sgSETikcq7R2CKV71-s3wGEAxDiTyt1H68laK5m3gPE/edit?usp=sharing]]
~
//***Webサイト制作のながれ
//1.プロジェクトの企画 調査 コンセプトを確定(目標とゴール設定)
//2.取材、撮影。
//3.Webサイト全体の構成作成(サイトマップ作成)
//4.Webページの情報設計(ワイヤーフレーム)
//5.デザイン作成(イラレでのビジュアル制作)
//6.コーディング・システム開発
//7.テスト
//8.リリース
~
***ToDo
//&color(red){やるべきこと（タスク）を箇条書きにします。};
//&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};
-計画を立てる
-先行事例を調査
-サイトマップ制作
-ワイヤーフレーム制作
-HTML
-文章を考える
-サイトに埋め込む紹介動画を作る？
//***NotToDo
//&color(red){やらないこと：何をするかではなく「何をしないか」を考える};
//&color(red){例：10人以上の会議には出ない。苦手なことは誰かに頼む・・};
~
~
#hr
CENTER:''進捗記録''
//&color(red){最新の情報を一番上に記載して下さい（古い記事が下へ沈む）。};
#hr
~
~
**2023.04.25
***サイトマップ（4月25日時点）
#image(sitemap20230425.jpg)
~
***ワイヤーフレーム（4月25日時点）
#image(wireframe20230425.jpg,center,50%)
~
~
**2023.04.18
***テーマのアイデア
-つくったオリジナルゲームを多くの人に興味を持って遊んでもらえるようにwebサイトを制作する &color(red){←決定};
-3DCGを使ったアニメーション
-見た人がクスッと笑えるような面白合成写真集
~
***現状調査
-ゲーム自体は一通りプレイできるようにはなっているが、それを紹介するwebサイトがない
~
***先行事例
-フリーゲームのサイト
--[[殺戮の天使 ゲームマガジン>https://www.gamemaga.jp/satsuriku/]]
--[[魔女の家>https://majonoie.karou.jp]]
--[[ib>https://kouri.kuchinawa.com/game_01.html]]
//-[[原神>https://genshin.hoyoverse.com/ja]]
//-[[Sky 星を紡ぐ子どもたち>https://www.thatskygame.com/ja/]]
-参考にしたいサイト
--[[TWISTED WONDERLAND>https://twisted-wonderland.aniplex.co.jp]]
~
***技法・技術情報
-HTML
--[[ホームページをHTMLで作成する手順をゼロから解説>https://pr.toriaez.jp/navi/column/2511.html]]
--[[【はじめてのHTML】ホームページの作り方・公開までの手順を解説>https://www.xserver.ne.jp/bizhp/homepage-creation-by-html/]]
~
//***背景や動機
//-ゲームを作ろうラボの活動でオリジナルゲームを制作したため、そのゲームに関するwebサイトを作ろうと考えたから
~
***研究の流れ
***研究の流れメモ
-参考【[[牧野友紀/情報デザイン研究I]]】
1.プロジェクトの企画 調査 コンセプトを確定(目標とゴール設定)
2.取材、撮影。
3.Webサイト全体の構成作成(サイトマップ作成)
4.Webページの情報設計(ワイヤーフレーム)
5.デザイン作成(イラレでのビジュアル制作)
6.コーディング・システム開発
7.テスト
8.リリース
~
//***XXX
//-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
//-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
~
~
**2023.04.11
***研究内容案
-オリジナルゲームのwebサイト制作 &color(red){←候補};
--HTMLで制作
-3DCGアニメーション
--blenderを活用
~
***入れたいものメモ
-キャラクター紹介
-大まかなストーリー紹介
-紹介動画
-制作スタッフ紹介
-ゲームのリンク
~
***コンセプト
-ぱっと見でどんなサイトか分かるようにしたい
-作ったゲームの面白さを伝えたい
~
~
//**20XX.XX.XX
//***XXXXXX
//-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯
//-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯
~
//***XXX
//-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯
//-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯
~
~
~
