LogoMarkWhite.png

伊藤晃生/情報デザインA のバックアップ差分(No.4)


#author("2021-04-20T11:57:58+09:00","default:art-gs","art-gs")
#author("2021-04-27T11:24:57+09:00","default:inoue.ko","inoue.ko")
*MainTitle
SubTitle ・・・・・・・・・・・・・・・・ 

  
 
             Main Visual / CurrentStatus
             プロジェクトの最新の状態を視覚的に掲載
 
   

-''Project Director''
-'''Keywords:・・, ・・・, ・・・, ・・・'''
-https://www.example.com

~


**概要
***背景と目的
~
~

***サイトの仕様
~
~

***制作環境 / 使用言語
~
~
~


**Project Management

***Schedule
&color(red){計画的な遂行のために、進行管理表を作成してリンクして下さい。};
~

***ToDo
&color(red){やるべきこと(タスク)を箇条書きにします。};
&color(red){完了後は「%%取り消し線%%」あるいは「// コメントアウト」」};

~
~
~

#hr
CENTER:''worklog''
&color(red){最新の情報を一番上に記載して下さい(古い記事が下へ沈む)。};
#hr
~
~



**2021.04.20|調査
***[[LOVOT>https://lovot.life/]]
-ページ下部にあるロボットの紹介のアニメーションがカーソルに合わせて動く。
***[[FontWorks>https://fontworks.co.jp/fontsearch/tsukuaoldminpr6-r/]] 例:筑紫Aオールド明朝Rの場合
-パソコンに入っていないフォントをサイト内で試し打ちができる。
***[[apple>https://www.apple.com/jp/macbook-air/]] 例:MacBook Airの場合
-カーソルに合わせて表示されている範囲のアニメーションが始まる。
***[[GROWTH>https://growth-tokyo.jp/]]
-各セクションにある様々なアニメーションが楽しめる。
***[[永久×パレット 公式サイト>https://tokoshie-bullet.com/]]
-サイトがレイヤー状になっている。
-そのため、カーソルを回すと奥のレイヤーが動く仕組みになっている。
***[[株式会社アカツキ>https://game.aktsk.jp/]]
-サイト内のすべてのアニメーションの種類が豊富。
-サイト内で曲が自動的に流れる。
***[[BURN THE WITCH 公式サイト>https://burn-the-witch-anime.com/]]
-カーソルのマークが独特。
-topのアニメーションに合わせて画像が遠近的に動く。
***[[小柳建設株式会社>https://n-oyanagi.com/holostruction/]]
-サイト内の文字が動く。
-カーソルを回すと次の動画と文字も合わせて動く。
***[[ピンクバレンタイン ガーナ>https://www.lotte.co.jp/entertainment/ghana-pinkvalentine/]]
-topの画像がレーヤー状になっているため、別々に動く。
***[[水野林業>https://mizunoringyo.com/]]
-縁の中にある画像だけがズームアウトするアニメーションが実装されている。
jquery.nicescroll.min.js
~
~
~