インタラクティブな背景 Yagi laboratory

https://www.yagi.iis.u-tokyo.ac.jp/

東京大学エネルギー貯蔵材料工学の研究室のサイトです

マネしたいポイント

ファーストビューに波紋が光る球体があります。球体はマウス操作によって回転します。球体自体はサイトのコンテンツと関係ありませんが、マウスの動きと連動する背景はサイトに遊び心を与えます。サイトのコンテンツ自体はいたって真面目な内容なので、堅苦しくなりすぎず良いです。

応用できそうな場面

シンプルながらどこかに遊び心をいれたい場合などに良いでしょう。背景で遊ぶとコンテンツそのものには干渉しません。

懸念点

マウス操作系はスマホでは見られません。多くの場合においてJavaScriptによる操作が必要になるので表現によっては工数などが大きくかかるかもしれません。(特にこのサイトのような3D表現は開発コストがあがります)

  • Twitter Share
  • Facebook Share
  • Line Share