• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• 出光美心/卒業研究 へ行く。
  • 1 (2024-04-02 (火) 15:33:14)
  • 2 (2024-04-12 (金) 15:47:51)
  • 3 (2024-04-19 (金) 16:54:39)
  • 4 (2024-04-26 (金) 16:37:56)
  • 5 (2024-05-10 (金) 11:22:19)
  • 6 (2024-05-10 (金) 14:13:17)
  • 7 (2024-05-10 (金) 16:02:46)
  • 8 (2024-05-17 (金) 14:22:56)
  • 9 (2024-05-17 (金) 17:18:55)
  • 10 (2024-05-21 (火) 03:35:29)
  • 11 (2024-05-21 (火) 19:41:05)
  • 12 (2024-05-24 (金) 13:50:51)
  • 13 (2024-05-24 (金) 17:26:13)

---

CINEMA

体験できる架空の映画館のwebサイト ・・・・・・・・・・・・・・・・

 

            メインビジュアル、あるいは
            プロジェクトの最新の状態を視覚的に掲載

  

• Idemitsu Miko
• Keywords：・・, ・・・, ・・・, ・・・
• https://www.example.com

概要

これは何？

ユーザーがゲームのような世界観を体験できるインタラクティブな架空の映画館のwebサイト

背景と目的

背景

近年webサイトのアニメーションに様々なものが生まれている。今回アニメーションに関して研究することでユーザーがwebサイトを通した体験から得られる情報を増やして新しい表現方法をwebサイトで見つけたいと思ったから

目的

映画館には様々なコンセプトの映画がありアニメーションとの相性もよく、作品の世界観に引き込みやすいと考え選定した。webサイトのアニメーションを多用したインタラクティブなサイトを作り、新しい表現方法の研究とユーザーにWebサイトを通して新たな体験と情報を提供できるwebサイトを作る

コンセプト

架空の映画館という特殊な設定のwebサイト内で、ユーザーにアニメーションを通して体験と情報を提供する

成果物の仕様

• webサイト
  
  

メンバー

制作ツール

Windows11
iPadPro
Figma
HTML
CSS
Javascript

プロジェクトの期間

プロジェクトの期間｜2024.04.12 - 2024.12.20

まとめ

調査

現状調査

先行事例

技法・技術情報

プロジェクト管理

スケジュール

スケジュール

• クリティカルパスとは
  
  

ToDo

テーマ決めのための調査
技術に関する情報収集
映画のポスターの制作
映画の選定
サイトマップ・ワイヤーフレームの作成
webサイトのコーディング
中間発表準備
最終発表準備
修正・手直し

---

---

2024.05.10

映画館のウェブサイト

• TOHOシネマズ
• T・ジョイ博多
• ユナイテッド・シネマ
  
  

Webサイトのデザインの参考にしたいもの

https://ac-bu.info/happening/
https://dozo-gift.com/
https://uniam.jp/

2024.04.26

仮のサイトマップとワイヤーフレーム(一部)の作成

調査

• 「イマーシブコンテンツ」と呼ばれるWebサイトを集めてみた
• Webは楽しい。そんな風に思える「体験できるサイト」を集めてみました。
  
  

スケジュールの作成

• スケジュール
  
  

技術に関すること

• GitHub Copilot
• 【js】イメージにグリッチエフェクト効果を実装する
• CSS/JavaScriptで文字に動きを！テキストアニメーション30選
• トレンドウェブサイトから学べ！JavaScriptで作る本格スクロール演出
  
  
  
  

2024.04.19

参考になりそうなもの

• 変なWebメディア
• すごいWeb
  サイトのアニメーションや表現が参考になりそう

相談して決まったこと

• Webサイトのアニメーションや設定にストーリー性を持たせてみる
• 謎解き要素などを入れて見る人に体験してもらう
• インタラクティブについて調べて情報収集する
  インタラクティブとは
  
  
  
  

2024.04.12

参考になりそうなもの

• 木村天美さんの卒業研究
  Webサイトを制作していて、アニメーションやグラフィックなどこだわりが見える
• SPAM MUSEUM
  発想が面白い

やりたいこと・興味のあること

• Webサイト制作
• アニメーション
• カラーパレット
• フリーアイコン制作のサイト
• ポスターの制作
• 嘘の映画館のサイト