» スクロール時にCSS3 Animationsを一時停止したらFPSがけっこう良くなった | negic
パララックスなサイトを作る際に、スクロールに応じてJSで要素を動かすと思うのですが、その時にある場所でCSS3 Animationsが動いていると、スクロールがカクついてしまい、FPSが残念な状態になります。 そこで、スクロールが動き出した時にCSS3 Animationsを止めて、スクロールを止めた時にCSS3 Animationsを再度動作させるという処理を加えれば、スクロールがカクつくことなく、スムーズになります。 スクロールや、リサイズといったJavaScriptのイベントは連続で処理されます。そういったイベントの「開始した時」「動作している時」「停止した時」の状態が取れるjQueryのプラグインを作成しました。 jQuery.MovingState このプラグインを使い、CSS3 Animationsを動的に操作してみたいと思います。 CSS3 Animationsを一時的に停止
TOKYO_ANIMA! 2019
©水江未来 ©金子勲矩 ©最後の手段 ©キヤマミズキ ©油原和記 ©橋本麦 ©しばたたかひろ ©若井麻奈美 ©シュウ・ショウリン ©ニヘイサリナ ©冠木佐和子 ©藤倉麻子 ©深谷莉沙 ©大谷たらふ ©和田淳 ANIMATION 。それは、ANIMA （ 魂） を吹き込む行為のこと。 目にしたことのない風景も、不思議な生物たちも、ぜんぶ作家たちの頭の中から生まれてくる。アニメーション作品に触れることは、人の果てしない空想世界の「混沌」に飛び込むこと。そこには、あなたの頭を揺さぶるアイデア、記憶、欲望、感動のカクテルが待っているだろう。2010年のプロジェクト発足以来、12回目の上映を迎える、TOKYO_ANIMA ! 。今年も多くの若手アニメーション作家が集い、アニメーションの「現在」を国立新美術館のスクリーンから発信する。（※本プログラムには一部、暴力的・性的な表現が含まれる作品がございま
『アメーバピグのアクションができるまで』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 みなさま、初めまして。 アメーバ事業本部ピグディビジョン所属、Flashディベロッパーの矢澤(@Akichi )です。 （もちろんコードを書くこともあります！） 今回は、ピグのアクションがどのようにできているのかを、 少しでもお伝えできればと思います。 ピグのアクションってどんなの？ ピグのアクションは大きく2つに分けられます。 ・通常アクション 使用回数の制限がなく、使ってもなくならないアクション （基本的にピグの動きだけで表現できるもの） ・消費アクション ポケットウィンドウから利用でき、使用回数の制限があるアクション （広告商品アイテムなどに使
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
