[B! アニメーション] fuminori1011のブックマーク

デザインの参考になる！最近のスマホアプリで見かけるUI、インタラクションがまとめられたギャラリーのまとめ

最近のスマホアプリで見かけるUI、レイアウト、コンポーネント、アニメーション、インタラクションなどがまとめられたギャラリ−を紹介します。デザインのアイデアを探している時に、ブックマークしておくと便利ですね。 Mobbin 150種類以上のiOSアプリ、8,000パターンのUIがまとめられたギャラリー。一つのアプリで、さまざまなUIが収録されているので、非常に便利です。スクリーンはiPhone X対応で、気に入ったアイデアは保存することもできます（要サインアップ）。

fuminori1011 2018/11/22

リンク

NVIDIAの音声入力から3D顔面モデル・アニメーションを駆動させる機械学習ベースの技術がSIGGRAPH 2017にて採択

NVIDIAの音声入力から3D顔面モデル・アニメーションを駆動させる機械学習ベースの技術がSIGGRAPH 2017にて採択 2017-05-24 NVIDIAが開発する機械学習を用いたオーディオ駆動の3Dフェイシャル・アニメーション技術がSIGGRAPH 2017にて採択されました。論文はこちら（PDF）。本提案は、俳優の音声入力から話すスタイルを3Dモデル化し、表情含め動的に低レイテンシおよびリアルタイムに動作させることを可能にします。本提案で同社が用いる機械学習技術ディープニューラルネットワークは、音声の入力波形から顔モデルの3D頂点座標へのマッピングを学習し、と同時にオーディオだけでは説明できない表情の変化も推論し明確にします。性別、アクセント、言語が異なる多様なスピーカーの音声で駆動しても合理的な結果をもたらしました。説明映像はこちら。関連アクター（俳優）とキャラクタ

fuminori1011 2017/05/24

リンク

[JS]シンプルでかっこいいスクロールエフェクトを簡単に実装できるスクリプト -ScrollMe

スクロールしてビューポートに要素が表示された時に、さまざまなアニメーションを適用するjQueryのプラグインを紹介します。スクリプトは外部ファイルを加えるだけで、アニメーションはHTMLに記述する簡単実装です。アニメーション用に他のJSやCSSは必要ありません。 ScrollMe ScrollMe -GitHub ScrollMeのデモ ScrollMeの使い方 ScrollMeのデモページ全体がデモになっており、その半分ほどをアニメーションgifにしてみました。要素がビューポートに入った時、全部が入った時、入っている間中などをトリガーにアニメーションが設定できます。デモのアニメーションヘッダと打ち出しはスクロールするとフェードしながらスライド、Aboutでは各サムネイルがさまざまなアニメーションで表示、Usageではパネルがフェードしながらスライドして表示されています。 Usa

fuminori1011 2016/08/26

リンク

2015年総まとめ、jQueryのプラグインとスクリプト100選

毎年恒例のjQueryのプラグインとスクリプトの総まとめを紹介します。「100選」の名称は恒例なので、実際は100以上あります。今年目立ったのは、ランディングページなどの縦長ページ系、スクロールエフェクト系・CSSやSVGのアニメーションでしょうか。あとレスポンシブ周りも単にサイズ変化に対応させるだけでなく、ユーザビリティを向上させるものが充実していました。背景関連 SVG関連縦長ページ関連スクロール連動・パララックス関連その他スクロール操作・補助関連レスポンシブ関連ナビゲーション関連レイアウト関連コンテンツ生成関連コンテンツ紹介・ツアー関連ソーシャル関連スライダー・カルーセル関連画像拡大・配置・キャプション関連アニメーション関連エフェクト関連テキスト関連タブ・アコーディオン関連テーブル・リスト・チャート関連フォーム関連パネル・ボックス関連モーダル