2013.2. 5(Tue) 【JavaScript,WebNAUT】 ふわふわと浮遊するサイトロゴ。 今回はこのロゴ部分の動きの特長や、実装にあたって検討したサンプルを紹介します。 WebNAUTで「動く」ものといえば一番に目につくのはやはりこのサイトロゴ! "宇宙感の演出"というキーワードについても 「ついに登場、WebNAUT」、 「WebNAUTデザインができるまで」 の記事でこれまで何度かお話してきましたが、このロゴの浮遊感は実装担当者の一番のこだわりポイントでもあります。 サンプル どれぐらいの速度/距離/イージング(加減速)で動くかをいろんなパターンを作って試してみました。 ▼速度が遅いパターン (速度:1000ms, 移動距離:30px, イージング:easeInOutSine