#author("2023-04-21T10:29:22+09:00;2023-04-18T15:29:24+09:00","default:member","member") *おともだち オリジナルホラーゲームのWebサイト ・・・・・・・・・・・・・・・・ メインビジュアル、あるいは プロジェクトの最新の状態を視覚的に掲載 -''西山 実伶'' -'''Keywords:game, web design, html''' -https://www.example.com //-__[[相互評価シート>https://www.example.com]]__ ← ここからコメントをお願いします。 ~ **概要 ***これは何? //&color(red){これは何か・・を簡潔に}; ~ ***背景と目的 //&color(red){プロジェクトの背景と目的}; ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -webサイト -サイトマップ -ワイヤーフレーム ~ //***メンバー //&color(red){共同プロジェクトの場合のみ|メンバーと役割分担を明記}; ~ ***制作ツール //&color(red){使用するツール|ハードウエア・ソフトウエア}; -ハードウェア --MacBook Air ~ ***プロジェクトの期間 //&color(red){プロジェクトの期間|20XX.XX.XX - 20XX.XX.XX }; ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載して下さい。}; ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問題の洗い出し}; ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹介、傾向分析など}; ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関する調査}; ~ ~ **プロジェクト管理 ***スケジュール(準備中) //&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.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 //-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ //-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ ~ ~ ~