• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 西山実伶/情報デザイン研究I へ行く。
  • 1 (2023-04-08 (土) 10:34:45)
  • 2 (2023-04-11 (火) 16:05:26)
  • 3 (2023-04-11 (火) 16:05:26)
  • 4 (2023-04-18 (火) 15:29:24)
  • 5 (2023-04-21 (金) 18:14:59)
  • 6 (2023-04-21 (金) 18:44:36)
  • 7 (2023-04-25 (火) 15:43:50)
  • 8 (2023-05-02 (火) 17:15:16)
  • 9 (2023-05-02 (火) 17:17:11)
  • 10 (2023-05-10 (水) 09:58:30)
  • 11 (2023-05-23 (火) 10:35:08)
  • 12 (2023-05-23 (火) 10:35:08)
  • 13 (2023-05-23 (火) 10:35:08)
  • 14 (2023-05-23 (火) 10:35:08)
  • 15 (2023-06-06 (火) 13:54:43)
  • 16 (2023-06-06 (火) 13:54:43)
  • 17 (2023-06-12 (月) 14:36:42)
  • 18 (2023-06-15 (木) 03:31:30)
  • 19 (2023-06-15 (木) 03:31:30)
  • 20 (2023-06-26 (月) 23:41:26)
  • 21 (2023-06-26 (月) 23:41:26)
  • 22 (2023-06-26 (月) 23:41:26)
  • 23 (2023-06-26 (月) 23:41:26)
  • 24 (2023-07-16 (日) 23:55:37)
  • 25 (2023-07-17 (月) 00:03:08)

---

おともだち

オリジナルホラーゲームのWebサイト ・・・・・・・・・・・・・・・・

• 西山　実伶
• Keywords：game, web design, html
• https://miiir-nishiym.github.io/otomodachi/

概要

これは何？

1年生の時にチームで制作したゲームを紹介し、多くの人に興味を持って遊んでもらえるようなサイト

背景と目的

１年生の頃にチームでオリジナルゲームを制作したが、それを紹介するためのサイトがなかったためこれを機にwebサイトを制作しようと思ったから。

コンセプト

『おともだち』の登場人物や大まかなストーリーの内容、操作方法等を掲載することで、閲覧者に興味を持ってもらえるようにする。

成果物の仕様

• webサイト
• サイトマップ
• ワイヤーフレーム
  
  

制作ツール

• ハードウェア
  • MacBook Air
    
    

プロジェクトの期間

2023.04.11 - 2023.07.11

まとめ

調査

現状調査

ゲーム自体は一通りプレイできるようにはなっているが、それを紹介するwebサイトがない

先行事例

• フリーゲームのサイト
  • 殺戮の天使 ゲームマガジン
  • 魔女の家
  • ib

• 参考にしたいサイト
  • TWISTED WONDERLAND
    
    

技法・技術情報

• HTML
  • ホームページをHTMLで作成する手順をゼロから解説
  • 【はじめてのHTML】ホームページの作り方・公開までの手順を解説

プロジェクト管理

スケジュール（準備中）

スケジュール表

ToDo

• 計画を立てる
• 先行事例を調査
• サイトマップ制作
• ワイヤーフレーム制作
• HTML
• 文章を考える

---

---

2023.05.16

進捗

ヘッダーの画像の大きさを調整しました。スマホで見た時のヘッダー画像（ラフ）を入れました。


github : https://github.com/miiir-nishiym/otomodachi

• webサイト : https://miiir-nishiym.github.io/otomodachi/
  
  
  

  #image(): File not found: "20230523.jpg" at page "西山実伶/情報デザイン研究I"

2023.05.16

進捗

ナビゲーションの文字の位置を中央揃えにし、各メニューに画像を入れ込んでみました。

github : https://github.com/miiir-nishiym/otomodachi

• webサイト : https://miiir-nishiym.github.io/otomodachi/
  
  
  

2023.05.09

進捗

大まかに配置してみました。色の構成や内容はまだ決まっていないので決めていきたいです。右側に謎のスペースができたので後でそこを修正していきます。

• github : https://github.com/miiir-nishiym/otomodachi
• webサイト : https://miiir-nishiym.github.io/otomodachi/
  
  

2023.05.02

進捗

画像を表示させました。

2023.04.25

サイトマップ（4月25日時点）

ワイヤーフレーム（4月25日時点）

2023.04.18

テーマのアイデア

• つくったオリジナルゲームを多くの人に興味を持って遊んでもらえるようにwebサイトを制作する ←決定
• 3DCGを使ったアニメーション
• 見た人がクスッと笑えるような面白合成写真集
  
  

現状調査

• ゲーム自体は一通りプレイできるようにはなっているが、それを紹介するwebサイトがない
  
  

先行事例

• フリーゲームのサイト
  • 殺戮の天使 ゲームマガジン
  • 魔女の家
  • ib

• 参考にしたいサイト
  • TWISTED WONDERLAND
    
    

技法・技術情報

• HTML
  • ホームページをHTMLで作成する手順をゼロから解説
  • 【はじめてのHTML】ホームページの作り方・公開までの手順を解説
    
    

研究の流れメモ

• 参考【牧野友紀/情報デザイン研究I】
  1.プロジェクトの企画　調査　コンセプトを確定(目標とゴール設定)
  2.取材、撮影。
  3.Webサイト全体の構成作成(サイトマップ作成)
  4.Webページの情報設計(ワイヤーフレーム)
  5.デザイン作成(イラレでのビジュアル制作)
  6.コーディング・システム開発
  7.テスト
  8.リリース

2023.04.11

研究内容案

• オリジナルゲームのwebサイト制作 ←候補
  • HTMLで制作
• 3DCGアニメーション
  • blenderを活用

入れたいものメモ

• キャラクター紹介
• 大まかなストーリー紹介
• 紹介動画
• 制作スタッフ紹介
• ゲームのリンク

コンセプト

• ぱっと見でどんなサイトか分かるようにしたい
• 作ったゲームの面白さを伝えたい