仕事を読み解くキーワード：もう一歩踏み込みたい｜採用情報｜任天堂
イカたちが敵味方に分かれてインクを撃ち合うWii Uの『Splatoon（スプラトゥーン）』は、ゲームの終盤になると画面の大半がインクだらけになってしまいます。なので、ある意味「主人公はインク」とも言えるゲームです。 入社してからずっとエフェクト（映像効果）を担当してきた私は、『Splatoon』のインク全般を担当することになったのですが、インクが主役なだけに「ヘタなものは作れないぞ」という覚悟で臨むことになりました。 インクの表現で、私が最も試行錯誤を繰り返したことのひとつは、ブキで撃ったときのインクの見えかたです。ブキを横に振りながら撃つと、槍のような形をしたインクが断続的に飛んでいるように見えて、周りの人たちは「これでいいよ」とは言ってくれたものの、自分ではどうも納得しきれませんでした。もっとよりよく見える方法がないかと、デザイナーという仕事柄、もう一歩踏み込みたいと考えたのです。
今一番気になるCSSの美しいエフェクト！インクを水面に落としたように波紋が広がり消えていく -Ripple Click Effect
Googleが先日発表した新しいUX「Material Design」の中で特に注目されているのが、タップやクリックをするとインクを落としたように波紋が広がるエフェクト。 これを実装するテクニックを紹介します。 Material Designについては、前の記事（「波紋」のアニメーションを実装するテクニック）で動画を紹介しています。 この波紋のエフェクトはあちこちのコミュニティで盛んで、その中でもここで紹介するエフェクトはかなり美しく仕上がっています。 デモではリストで配置したナビゲーションの各アイテムをクリックすると、そのクリックした地点を中心に波紋が広がり、フェードで消えていきます。 ※上記はエフェクトが分かりやすいよう、各アイテムの高さを広げています。 実際の動作は、下記ページでお楽しみください。 Ripple Click Effect from Google Material De
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ゴーストボタンと相性が良さそうなホバーエフェクト 10＋ - NxWorld
