出光美心/卒業研究 をテンプレートにして作成

開始行:
*NekoSui 猫の匂いを販売する架空のwebサイト &image(main.jpg); -''Idemitsu Miko'' -'''Keywords：website, animation, cat''' -URL：http://nekosui.starfree.jp/ //-__[[相互評価シート>https://www.example.com]]__ ← ここ... ~ ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; 猫の匂いを販売する架空のwebサイト ~ //&color(red){プロジェクトの背景と目的}; ***背景 近年では猫ブームと言われるほど猫の需要が高まっており、猫... ~ ***目的 架空の猫の匂いを販売するWebサイトを作ることで、日常のちょ... ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; ・Webサイトの中に、非現実的な架空の商品を入れ込む ・アニメーションを組み込むことで没入感を提供する ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -[[NEKOSUI>http://nekosui.starfree.jp/]] webサイト GSAP、JavaScript、CSSなどを使ってスクロールアニメーション... ~ ***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; Windows11 iPadPro Figma HTML CSS Javascript blender ~ ***プロジェクトの期間 プロジェクトの期間｜2024.04.12 - 2024.12.20 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... 今回の研究では架空のものを現実にあるかのように表現するこ... //前回の発表からモデルの制作を進め、サイトも基本的な動き... //途中で研究内容を変えたため、作業が遅れ気味になってしま... //現状調査の時点でインタラクティブという言葉やJavaScript... //Webサイトに載せる映画の選定や謎解きを考える作業が難航し... ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... インタラクティブに関する調査 -[[「イマーシブコンテンツ」と呼ばれるWebサイトを集めてみ... -[[Webは楽しい。そんな風に思える「体験できるサイト」を集... -[[進化するWebアニメーション！動きがもたらすWebサイトの魅... -[[インタラクティブとは>https://edgcal.jp/what-is-interac... -[[魅力的でインタラクティブなウェブサイト>https://www.uxp... ~ -猫に関する調査 --[[「猫ブーム」となったのはいつから？その理由をリサーチ... --[[なぜペットのニオイは落ち着くのか？ついつい嗅いでしま... ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... ***架空のウェブサイト -[[graziexxparlor>https://graziexxparlor.onedesign-eno.co... -[[江崎悠芽さんの卒業制作>https://design.kyusan-u.ac.jp/s... ~ ***アニメーション重視のサイト -[[変なWebメディア>https://web-media.blue-puddle.com/]] -[[すごいWeb>https://sugoiweb.nezihiko.com/]] ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -[[GitHub Copilot>https://docs.github.com/ja/copilot/usin... -[[【js】イメージにグリッチエフェクト効果を実装する>https... -[[CSS/JavaScriptで文字に動きを！テキストアニメーション30... -[[トレンドウェブサイトから学べ！JavaScriptで作る本格スク... ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... [[スケジュール>https://docs.google.com/spreadsheets/d/1nu... -[[クリティカルパスとは>https://asana.com/ja/resources/cr... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; %%サイトマップ・ワイヤーフレームの作成%% webサイトのコーディング 商品の制作 中間発表準備 最終発表準備 修正・手直し ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2025.01.08 - - ~ ~ **2024.12.20 &image(model1.jpg,,40%); &image(model2.jpg,,40%); -3Dモデルの修正 モデルの凹凸を無くなるようにした ~ ~ **2024.12.13 -最終発表でのアドバイス --ボタンを押したら何か起こるようにする(Add to cartなど) --トップページ以外でもロゴを表示させる --コンタクトのページは本当に送れてしまうとイタズラされる... --フォントの種類や余白がバラバラなので統一する --3Dモデルのマテリアルを設定して、文字を浮き出ないように... -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -3Dモデルの修正 ~ ~ **2024.12.06 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -3Dモデルの修正 ~ ~ **2024.11.29 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] ~ ~ **2024.11.22 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] ~ ~ **2024.11.15 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -[[ワイヤーフレームの変更>https://www.figma.com/design/gs... ~ ~ **2024.11.08 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -[[ワイヤーフレームの変更>https://www.figma.com/design/gs... ~ ~ **2024.11.01 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -[[ワイヤーフレームの変更>https://www.figma.com/design/gs... ~ ~ **2024.10.25 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -3Dモデルの作成 -[[ワイヤーフレームの変更>https://www.figma.com/design/gs... ~ 後期中間発表 ・モデルをテクスチャの貼り付けで量産する ・最初に架空のサイトであることがわかるように明記する ・少しクスッとできるような面白い要素を入れる(写真を使った... ・オーダーメイドが出来るような文言を入れる ~ ~ **2024.10.18 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -3Dモデルの作成 ~ ~ **2024.10.11 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -3Dモデルの作成 &image(japanesecat1.png,,30%);&image(munchikan1.png,,30%)... &image(japanesecat2.png,,30%);&image(munchikan2.png,,30%)... 香玉のバージョンと練り香水のバージョンの二種類を作成 ~ ~ **2024.10.04 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -3Dモデルの作成 ~ -https://design.kyusan-u.ac.jp/OpenSquareJP/?WebGL ~ ~ **2024.09.26 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -3Dモデルの作成 ~ ~ **2024.09.19 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -3Dモデルの作成 ~ ~ **2024.09,12 -[[ワイヤーフレーム>https://www.figma.com/design/gsI59mUS... -モデルの制作 ~ ~ **2024.09.05 -[[ワイヤーフレーム>https://www.figma.com/design/gsI59mUS... ~ ~ **2024.08.28 -[[ワイヤーフレーム>https://www.figma.com/design/gsI59mUS... ~ ~ **2024.07.19 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] ~ ~ **2024.07.12 -相談して決まったこと --スライドショー、スクロールアニメーション、テキストアニ... --遊べるサイトを作ってみる --JavaScriptAPIで色々調べてみる ~ -[[ｐ５ｊｓ>https://design.kyusan-u.ac.jp/OpenSquareJP/?p... --[[配列変数を使った応用>https://design.kyusan-u.ac.jp/Sa... 猫を使ったアニメーションとして使えそう ~ ~ **2024.07.05 ***前期最終発表まとめ -背景を猫ではなくWebサイトやアニメーションについての記述... -調査の部分も猫に関するものはおまけ程度にする -なんのアニメーションをどの効果を与えるために使っているの... -新しいアニメーションの提案をする(普通のサイトじゃ使えな... -作業環境を整える(Mozilla Firefox) ~ ***特徴的なアニメーション -[[Webデザインテキストアニメーション/エフェクト15選>https... -[[WEBデザインに取り入れられるアニメーションアイデアサイ... -[[【コピペでOK】サイトに動きをつけるCSSアニメーションま... -[[サンプル付コピペOK！すごいCSSアニメーションライブラリ3... -[[コピペ可能！ナビメニューやリンクの参考にしたいCSSホバ... -[[Web制作の面倒な作業をラクにするCSS便利ツール87個まとめ... ~ -[[個性的なスクロールアニメーション>https://codepen.io/co... -[[個性的なスライドアニメーション>https://codepen.io/akap... ~ -[[アニメーションリスト>https://docs.google.com/spreadshe... ~ ~ **2024.06.28 ***相談して決まったこと -架空の販売サイトをつくる -絶対に売っていないようなもの、現実ではありえないものを題... -先にワイヤーフレームとコーディングをする ~ -[[江戸時代に今をはるかにしのぐ猫ブームがあった>https://t... -[[「猫ブーム」となったのはいつから？その理由をリサーチ！... -[[猫のもつ癒しのメカニズムと効果とは？猫の気持ちは？専門... -[[猫が人を癒してくれるのはなぜ？猫の持つ「癒し効果」を探... -[[【調査】猫から感じるいいニオイとは？「気持ちが落ち着く... 飼い主さん263名に「愛猫の体から『いいニオイがする』と感じ... -[[【意外】猫はとてもいい匂い！理由はグルーミングと日向ぼ... ~ ***架空の販売サイトを作っているもの -[[graziexxparlor>https://graziexxparlor.onedesign-eno.co... -[[江崎悠芽さんの卒業制作>https://design.kyusan-u.ac.jp/s... ~ ***新しいサイトマップとワイヤフレームと商品構想 &image(sitemap.jpg,,50%); 商品は猫の品種ごとに19ページ作成予定 ~ -[[ワイヤフレーム>https://photos.app.goo.gl/fGKm1H9k4xnDm... ~ &image(item1.JPG,,40%); &image(item2.JPG,,40%); 香り玉を使って猫のにおいを提供する設定。香り玉にした理由... 制作はblenderで行う予定。 ~ ***テストサイト -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] ~ ~ **2024.06.21 ***企画の練り直し -アニメーションを多用した架空のサイトは作りたい -架空の販売サイト -映画館のサイト -アニメーションを紹介するサイト？ ~ ~ **2024.06.14 ***決めたこと -ゲーム要素はなくしてアニメーションに絞る -Webサイトがバグっている表現は無くす ***サイト -[[Github>https://github.com/IDMT-MK/S-N3M4]] ~ ~ **2024.06.07 -研究内容の練り直し -映画の選定(仮) ~ ~ **2024.05.31 ***テキストアニメーションテスト -[[Github>https://github.com/IDMT-MK/text-anime]] -[[テストサイト>https://idmt-mk.github.io/text-anime/]] ~ ***テキストグリッチ -[[CSS Glitch Text Effect>https://www.cssportal.com/css-g... ~ ~ **2024.05.24 ***中間発表の講評 -何をしているのか分からない。どういうゲームなのか伝えるメ... -オマージュした方が著作権侵害になりかねない。そのまま映画... -普通にインタラクティブなサイトを作ったほうがいいのでは？ -フローチャートや動きのサンプル、既存のキャプチャーを使う -類似するものを見つける -構成の段階をきちんと踏む -使いたい要素が目的に合うかきちんと見る ~ ***やりたいことに一番近いもの -[[オルタネイト・リアリティ・ゲーム(ARG)>https://arg.igda... 参考になりそうなもの -[[曖宝学園かがみの特殊少年更生施設>https://kagamino-jrep... -[[アートと少女を巡る冒険>https://elements-soft.com/ft5ga... -[[みんなのスパイ大作戦～ベイサイド・ミッション～>https:/... フローチャート &image(flowchart.jpg,,50%); ~ ~ **2024.05.17 -[[プロトタイプ>https://www.figma.com/proto/QaZ8ht1uz5lzA... -[[映画のリスト>https://docs.google.com/spreadsheets/d/1Y... -[[アニメーションのリスト>https://docs.google.com/spreads... -メインビジュアルの作成 文字化け風にするためleetを使った(leetとは英語圏で使われる... //イキりました グリッチを使って画面が荒れている風にした ~ ~ **2024.05.10 ***ワイヤーフレームの作成続き -[[ワイヤーフレーム>https://photos.app.goo.gl/fGKm1H9k4xn... ~ ***映画館のウェブサイト -[[TOHOシネマズ>https://www.tohotheater.jp/]] -[[T・ジョイ博多>https://tjoy.jp/t-joy_hakata]] -[[ユナイテッド・シネマ>https://www.unitedcinemas.jp/cana... ~ ***Webサイトのデザインの参考にしたいもの https://ac-bu.info/happening/ https://dozo-gift.com/ https://uniam.jp/ ~ [[カラーパレット>https://www.happyhues.co/palettes/13]] [[Figmaインタラクションの作成>https://help.figma.com/hc/j... ~ ~ **2024.04.26 ***仮のサイトマップとワイヤーフレーム(一部)の作成 &image(Group 1.jpg,,50%); &image(wire 1.jpg,,40%); &image(wire2.jpg,,40%); ~ ***調査 -[[「イマーシブコンテンツ」と呼ばれるWebサイトを集めてみ... -[[Webは楽しい。そんな風に思える「体験できるサイト」を集... -[[インタラクティブなサイトの演出アイデア>https://www.evo... -[[魅力的でインタラクティブなウェブサイト>https://www.uxp... -[[進化するWebアニメーション！動きがもたらすWebサイトの魅... アニメーションや演出の参考になりそう ~ ***スケジュールの作成 -[[スケジュール>https://docs.google.com/spreadsheets/d/1n... ~ ***技術に関すること -[[GitHub Copilot>https://docs.github.com/ja/copilot/usin... -[[【js】イメージにグリッチエフェクト効果を実装する>https... -[[CSS/JavaScriptで文字に動きを！テキストアニメーション30... -[[トレンドウェブサイトから学べ！JavaScriptで作る本格スク... ~ ~ **2024.04.19 ~ ***参考になりそうなもの -[[変なWebメディア>https://web-media.blue-puddle.com/]] -[[すごいWeb>https://sugoiweb.nezihiko.com/]] サイトのアニメーションや表現が参考になりそう ***相談して決まったこと -Webサイトのアニメーションや設定にストーリー性を持たせて... -謎解き要素などを入れて見る人に体験してもらう -インタラクティブについて調べて情報収集する [[インタラクティブとは>https://edgcal.jp/what-is-interact... ~ ~ **2024.04.12 ~ ***参考になりそうなもの -[[木村天美さんの卒業研究>https://design.kyusan-u.ac.jp/s... Webサイトを制作していて、アニメーションやグラフィックなど... -[[SPAM MUSEUM>http://meiwaku.me/]] 発想が面白い ***やりたいこと・興味のあること -Webサイト制作 -アニメーション -カラーパレット -フリーアイコン制作のサイト -ポスターの制作 -嘘の映画館のサイト ~ ~ //**20XX.XX.XX //***XXXX //-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ //-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ //~ //***XXXXXXX //-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯ //-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ //~ //~ ~

終了行:
*NekoSui 猫の匂いを販売する架空のwebサイト &image(main.jpg); -''Idemitsu Miko'' -'''Keywords：website, animation, cat''' -URL：http://nekosui.starfree.jp/ //-__[[相互評価シート>https://www.example.com]]__ ← ここ... ~ ~ **概要 ***これは何？ //&color(red){これは何か・・を簡潔に}; 猫の匂いを販売する架空のwebサイト ~ //&color(red){プロジェクトの背景と目的}; ***背景 近年では猫ブームと言われるほど猫の需要が高まっており、猫... ~ ***目的 架空の猫の匂いを販売するWebサイトを作ることで、日常のちょ... ~ ***コンセプト //&color(red){基本的な考え方、枠組み、視点など}; ・Webサイトの中に、非現実的な架空の商品を入れ込む ・アニメーションを組み込むことで没入感を提供する ~ ***成果物の仕様 //&color(red){&small(成果物の形式・サイズ・時間尺等);}; -[[NEKOSUI>http://nekosui.starfree.jp/]] webサイト GSAP、JavaScript、CSSなどを使ってスクロールアニメーション... ~ ***メンバー //&color(red){共同プロジェクトの場合のみ｜メンバーと役割... ~ ***制作ツール //&color(red){使用するツール｜ハードウエア・ソフトウエア}; Windows11 iPadPro Figma HTML CSS Javascript blender ~ ***プロジェクトの期間 プロジェクトの期間｜2024.04.12 - 2024.12.20 ~ ***まとめ //&color(red){プロジェクトが完結したら「まとめ」を記載し... 今回の研究では架空のものを現実にあるかのように表現するこ... //前回の発表からモデルの制作を進め、サイトも基本的な動き... //途中で研究内容を変えたため、作業が遅れ気味になってしま... //現状調査の時点でインタラクティブという言葉やJavaScript... //Webサイトに載せる映画の選定や謎解きを考える作業が難航し... ~ ~ **調査 ***現状調査 //&color(red){プロジェクトのテーマに関わる社会の現状と問... インタラクティブに関する調査 -[[「イマーシブコンテンツ」と呼ばれるWebサイトを集めてみ... -[[Webは楽しい。そんな風に思える「体験できるサイト」を集... -[[進化するWebアニメーション！動きがもたらすWebサイトの魅... -[[インタラクティブとは>https://edgcal.jp/what-is-interac... -[[魅力的でインタラクティブなウェブサイト>https://www.uxp... ~ -猫に関する調査 --[[「猫ブーム」となったのはいつから？その理由をリサーチ... --[[なぜペットのニオイは落ち着くのか？ついつい嗅いでしま... ~ ***先行事例 //&color(red){プロジェクトのテーマに該当する先行事例の紹... ***架空のウェブサイト -[[graziexxparlor>https://graziexxparlor.onedesign-eno.co... -[[江崎悠芽さんの卒業制作>https://design.kyusan-u.ac.jp/s... ~ ***アニメーション重視のサイト -[[変なWebメディア>https://web-media.blue-puddle.com/]] -[[すごいWeb>https://sugoiweb.nezihiko.com/]] ~ ***技法・技術情報 //&color(red){プロジェクトの遂行に必要な技法・技術に関す... -[[GitHub Copilot>https://docs.github.com/ja/copilot/usin... -[[【js】イメージにグリッチエフェクト効果を実装する>https... -[[CSS/JavaScriptで文字に動きを！テキストアニメーション30... -[[トレンドウェブサイトから学べ！JavaScriptで作る本格スク... ~ ~ **プロジェクト管理 ***スケジュール //&color(red){計画的な遂行のために、進行管理表を作成して... [[スケジュール>https://docs.google.com/spreadsheets/d/1nu... -[[クリティカルパスとは>https://asana.com/ja/resources/cr... ~ ***ToDo //&color(red){やるべきこと（タスク）を箇条書きにします。}; %%サイトマップ・ワイヤーフレームの作成%% webサイトのコーディング 商品の制作 中間発表準備 最終発表準備 修正・手直し ~ ~ #hr CENTER:''進捗記録'' //&color(red){最新の情報を一番上に記載して下さい（古い記... #hr ~ ~ **2025.01.08 - - ~ ~ **2024.12.20 &image(model1.jpg,,40%); &image(model2.jpg,,40%); -3Dモデルの修正 モデルの凹凸を無くなるようにした ~ ~ **2024.12.13 -最終発表でのアドバイス --ボタンを押したら何か起こるようにする(Add to cartなど) --トップページ以外でもロゴを表示させる --コンタクトのページは本当に送れてしまうとイタズラされる... --フォントの種類や余白がバラバラなので統一する --3Dモデルのマテリアルを設定して、文字を浮き出ないように... -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -3Dモデルの修正 ~ ~ **2024.12.06 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -3Dモデルの修正 ~ ~ **2024.11.29 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] ~ ~ **2024.11.22 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] ~ ~ **2024.11.15 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -[[ワイヤーフレームの変更>https://www.figma.com/design/gs... ~ ~ **2024.11.08 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -[[ワイヤーフレームの変更>https://www.figma.com/design/gs... ~ ~ **2024.11.01 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -[[ワイヤーフレームの変更>https://www.figma.com/design/gs... ~ ~ **2024.10.25 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -3Dモデルの作成 -[[ワイヤーフレームの変更>https://www.figma.com/design/gs... ~ 後期中間発表 ・モデルをテクスチャの貼り付けで量産する ・最初に架空のサイトであることがわかるように明記する ・少しクスッとできるような面白い要素を入れる(写真を使った... ・オーダーメイドが出来るような文言を入れる ~ ~ **2024.10.18 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -3Dモデルの作成 ~ ~ **2024.10.11 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -3Dモデルの作成 &image(japanesecat1.png,,30%);&image(munchikan1.png,,30%)... &image(japanesecat2.png,,30%);&image(munchikan2.png,,30%)... 香玉のバージョンと練り香水のバージョンの二種類を作成 ~ ~ **2024.10.04 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -3Dモデルの作成 ~ -https://design.kyusan-u.ac.jp/OpenSquareJP/?WebGL ~ ~ **2024.09.26 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -3Dモデルの作成 ~ ~ **2024.09.19 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] -3Dモデルの作成 ~ ~ **2024.09,12 -[[ワイヤーフレーム>https://www.figma.com/design/gsI59mUS... -モデルの制作 ~ ~ **2024.09.05 -[[ワイヤーフレーム>https://www.figma.com/design/gsI59mUS... ~ ~ **2024.08.28 -[[ワイヤーフレーム>https://www.figma.com/design/gsI59mUS... ~ ~ **2024.07.19 -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] ~ ~ **2024.07.12 -相談して決まったこと --スライドショー、スクロールアニメーション、テキストアニ... --遊べるサイトを作ってみる --JavaScriptAPIで色々調べてみる ~ -[[ｐ５ｊｓ>https://design.kyusan-u.ac.jp/OpenSquareJP/?p... --[[配列変数を使った応用>https://design.kyusan-u.ac.jp/Sa... 猫を使ったアニメーションとして使えそう ~ ~ **2024.07.05 ***前期最終発表まとめ -背景を猫ではなくWebサイトやアニメーションについての記述... -調査の部分も猫に関するものはおまけ程度にする -なんのアニメーションをどの効果を与えるために使っているの... -新しいアニメーションの提案をする(普通のサイトじゃ使えな... -作業環境を整える(Mozilla Firefox) ~ ***特徴的なアニメーション -[[Webデザインテキストアニメーション/エフェクト15選>https... -[[WEBデザインに取り入れられるアニメーションアイデアサイ... -[[【コピペでOK】サイトに動きをつけるCSSアニメーションま... -[[サンプル付コピペOK！すごいCSSアニメーションライブラリ3... -[[コピペ可能！ナビメニューやリンクの参考にしたいCSSホバ... -[[Web制作の面倒な作業をラクにするCSS便利ツール87個まとめ... ~ -[[個性的なスクロールアニメーション>https://codepen.io/co... -[[個性的なスライドアニメーション>https://codepen.io/akap... ~ -[[アニメーションリスト>https://docs.google.com/spreadshe... ~ ~ **2024.06.28 ***相談して決まったこと -架空の販売サイトをつくる -絶対に売っていないようなもの、現実ではありえないものを題... -先にワイヤーフレームとコーディングをする ~ -[[江戸時代に今をはるかにしのぐ猫ブームがあった>https://t... -[[「猫ブーム」となったのはいつから？その理由をリサーチ！... -[[猫のもつ癒しのメカニズムと効果とは？猫の気持ちは？専門... -[[猫が人を癒してくれるのはなぜ？猫の持つ「癒し効果」を探... -[[【調査】猫から感じるいいニオイとは？「気持ちが落ち着く... 飼い主さん263名に「愛猫の体から『いいニオイがする』と感じ... -[[【意外】猫はとてもいい匂い！理由はグルーミングと日向ぼ... ~ ***架空の販売サイトを作っているもの -[[graziexxparlor>https://graziexxparlor.onedesign-eno.co... -[[江崎悠芽さんの卒業制作>https://design.kyusan-u.ac.jp/s... ~ ***新しいサイトマップとワイヤフレームと商品構想 &image(sitemap.jpg,,50%); 商品は猫の品種ごとに19ページ作成予定 ~ -[[ワイヤフレーム>https://photos.app.goo.gl/fGKm1H9k4xnDm... ~ &image(item1.JPG,,40%); &image(item2.JPG,,40%); 香り玉を使って猫のにおいを提供する設定。香り玉にした理由... 制作はblenderで行う予定。 ~ ***テストサイト -[[Github>https://github.com/IDMT-MK/NekoSui]] -[[テストサイト>https://idmt-mk.github.io/NekoSui/]] ~ ~ **2024.06.21 ***企画の練り直し -アニメーションを多用した架空のサイトは作りたい -架空の販売サイト -映画館のサイト -アニメーションを紹介するサイト？ ~ ~ **2024.06.14 ***決めたこと -ゲーム要素はなくしてアニメーションに絞る -Webサイトがバグっている表現は無くす ***サイト -[[Github>https://github.com/IDMT-MK/S-N3M4]] ~ ~ **2024.06.07 -研究内容の練り直し -映画の選定(仮) ~ ~ **2024.05.31 ***テキストアニメーションテスト -[[Github>https://github.com/IDMT-MK/text-anime]] -[[テストサイト>https://idmt-mk.github.io/text-anime/]] ~ ***テキストグリッチ -[[CSS Glitch Text Effect>https://www.cssportal.com/css-g... ~ ~ **2024.05.24 ***中間発表の講評 -何をしているのか分からない。どういうゲームなのか伝えるメ... -オマージュした方が著作権侵害になりかねない。そのまま映画... -普通にインタラクティブなサイトを作ったほうがいいのでは？ -フローチャートや動きのサンプル、既存のキャプチャーを使う -類似するものを見つける -構成の段階をきちんと踏む -使いたい要素が目的に合うかきちんと見る ~ ***やりたいことに一番近いもの -[[オルタネイト・リアリティ・ゲーム(ARG)>https://arg.igda... 参考になりそうなもの -[[曖宝学園かがみの特殊少年更生施設>https://kagamino-jrep... -[[アートと少女を巡る冒険>https://elements-soft.com/ft5ga... -[[みんなのスパイ大作戦～ベイサイド・ミッション～>https:/... フローチャート &image(flowchart.jpg,,50%); ~ ~ **2024.05.17 -[[プロトタイプ>https://www.figma.com/proto/QaZ8ht1uz5lzA... -[[映画のリスト>https://docs.google.com/spreadsheets/d/1Y... -[[アニメーションのリスト>https://docs.google.com/spreads... -メインビジュアルの作成 文字化け風にするためleetを使った(leetとは英語圏で使われる... //イキりました グリッチを使って画面が荒れている風にした ~ ~ **2024.05.10 ***ワイヤーフレームの作成続き -[[ワイヤーフレーム>https://photos.app.goo.gl/fGKm1H9k4xn... ~ ***映画館のウェブサイト -[[TOHOシネマズ>https://www.tohotheater.jp/]] -[[T・ジョイ博多>https://tjoy.jp/t-joy_hakata]] -[[ユナイテッド・シネマ>https://www.unitedcinemas.jp/cana... ~ ***Webサイトのデザインの参考にしたいもの https://ac-bu.info/happening/ https://dozo-gift.com/ https://uniam.jp/ ~ [[カラーパレット>https://www.happyhues.co/palettes/13]] [[Figmaインタラクションの作成>https://help.figma.com/hc/j... ~ ~ **2024.04.26 ***仮のサイトマップとワイヤーフレーム(一部)の作成 &image(Group 1.jpg,,50%); &image(wire 1.jpg,,40%); &image(wire2.jpg,,40%); ~ ***調査 -[[「イマーシブコンテンツ」と呼ばれるWebサイトを集めてみ... -[[Webは楽しい。そんな風に思える「体験できるサイト」を集... -[[インタラクティブなサイトの演出アイデア>https://www.evo... -[[魅力的でインタラクティブなウェブサイト>https://www.uxp... -[[進化するWebアニメーション！動きがもたらすWebサイトの魅... アニメーションや演出の参考になりそう ~ ***スケジュールの作成 -[[スケジュール>https://docs.google.com/spreadsheets/d/1n... ~ ***技術に関すること -[[GitHub Copilot>https://docs.github.com/ja/copilot/usin... -[[【js】イメージにグリッチエフェクト効果を実装する>https... -[[CSS/JavaScriptで文字に動きを！テキストアニメーション30... -[[トレンドウェブサイトから学べ！JavaScriptで作る本格スク... ~ ~ **2024.04.19 ~ ***参考になりそうなもの -[[変なWebメディア>https://web-media.blue-puddle.com/]] -[[すごいWeb>https://sugoiweb.nezihiko.com/]] サイトのアニメーションや表現が参考になりそう ***相談して決まったこと -Webサイトのアニメーションや設定にストーリー性を持たせて... -謎解き要素などを入れて見る人に体験してもらう -インタラクティブについて調べて情報収集する [[インタラクティブとは>https://edgcal.jp/what-is-interact... ~ ~ **2024.04.12 ~ ***参考になりそうなもの -[[木村天美さんの卒業研究>https://design.kyusan-u.ac.jp/s... Webサイトを制作していて、アニメーションやグラフィックなど... -[[SPAM MUSEUM>http://meiwaku.me/]] 発想が面白い ***やりたいこと・興味のあること -Webサイト制作 -アニメーション -カラーパレット -フリーアイコン制作のサイト -ポスターの制作 -嘘の映画館のサイト ~ ~ //**20XX.XX.XX //***XXXX //-◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯ //-◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯ //~ //***XXXXXXX //-◯◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯◯、◯◯◯◯◯◯◯ //-◯◯◯◯◯、◯◯◯◯◯◯◯◯◯◯◯ //~ //~ ~

ページ名: