CINEMA
体験できる架空の映画館のwebサイト ・・・・・・・・・・・・・・・・
メインビジュアル、あるいは
プロジェクトの最新の状態を視覚的に掲載
- Idemitsu Miko
- Keywords：・・, ・・・, ・・・, ・・・
- https://www.example.com
概要
これは何？
ユーザーがゲームのような世界観を体験できるインタラクティブな架空の映画館のwebサイト
背景と目的
背景
近年webサイトのアニメーションに様々なものが生まれている。今回アニメーションに関して研究することでユーザーがwebサイトを通した体験から得られる情報を増やして新しい表現方法をwebサイトで見つけたいと思ったから
目的
映画館には様々なコンセプトの映画がありアニメーションで作品の世界観に引き込むのにうってつけだと考え、選定した。webサイトのアニメーションを多用したインタラクティブなサイトを作り、新しい表現方法の研究とユーザーに新たな体験と情報を提供できるwebサイトを作る
コンセプト
架空の映画館という特殊な設定のwebサイト内で、ユーザーにアニメーションで体験と情報を提供する
成果物の仕様
- webサイト
メンバー
制作ツール
プロジェクトの期間
プロジェクトの期間｜2024.04.12 - 2024.12.20
まとめ
調査
現状調査
先行事例
技法・技術情報
プロジェクト管理
スケジュール
ToDo
進捗記録
2024.04.26
調査
スケジュールの作成
技術に関すること
- GitHub Copilot
- 【js】イメージにグリッチエフェクト効果を実装する
- CSS/JavaScriptで文字に動きを！テキストアニメーション30選
- トレンドウェブサイトから学べ！JavaScriptで作る本格スクロール演出
2024.04.19
参考になりそうなもの
相談して決まったこと
- Webサイトのアニメーションや設定にストーリー性を持たせてみる
- 謎解き要素などを入れて見る人に体験してもらう
- インタラクティブについて調べて情報収集する
インタラクティブとは
2024.04.12
参考になりそうなもの
- 木村天美さんの卒業研究
Webサイトを制作していて、アニメーションやグラフィックなどこだわりが見える - SPAM MUSEUM
発想が面白い
やりたいこと・興味のあること
- Webサイト制作
- アニメーション
- カラーパレット
- フリーアイコン制作のサイト
- ポスターの制作
- 嘘の映画館のサイト