アニメの道具箱 Top
現場で使える道具 映像を作る人のためにハード＆ソフト環境を整えるべきですが、現場ではコンピューターに作業を合わせているのが現状です。コンピューターを使える道具にしたい。そんな願いでこのサイトを「デジタルアニメの道具箱：dA-tools」という名前で立ち上げることにしました。使える機能は使い倒せ！無いものは作れ！をモットーに、ExpressionやJavaScriptを使いこなす為に必要な知識、情報を提供していければと考えております。少しでも現場スタッフの手助けになれば幸いです。 閉鎖、中断について 2018年にサーバーにマルウェアを仕込まれDDOSマシンにされたので急遽HPを閉鎖しました。調べてみると書き換えられているファイルが多数有り、問題点を逐一割り出し修正するのは不可能でした。 また、スマホやタブレットでの閲覧など、開設当初とはWEB環境も変わり、HTMLの大幅改訂（HTML5対応）
» スクロール時にCSS3 Animationsを一時停止したらFPSがけっこう良くなった | negic
パララックスなサイトを作る際に、スクロールに応じてJSで要素を動かすと思うのですが、その時にある場所でCSS3 Animationsが動いていると、スクロールがカクついてしまい、FPSが残念な状態になります。 そこで、スクロールが動き出した時にCSS3 Animationsを止めて、スクロールを止めた時にCSS3 Animationsを再度動作させるという処理を加えれば、スクロールがカクつくことなく、スムーズになります。 スクロールや、リサイズといったJavaScriptのイベントは連続で処理されます。そういったイベントの「開始した時」「動作している時」「停止した時」の状態が取れるjQueryのプラグインを作成しました。 jQuery.MovingState このプラグインを使い、CSS3 Animationsを動的に操作してみたいと思います。 CSS3 Animationsを一時的に停止
jQuery.ScrollTo - tech.ludicmind.net
何をスクロールさせるかの指定 全てのマッチする要素がスクロールさせられる。 $('div.pane').scrollTo(...);//all divs w/class pane window (screen)をスクロールさせる場合には以下のように。 $.scrollTo(...); どこへスクロールするかの指定 目標位置の指定には様々な方法がある。 数値 文字列（'44', '100px', '+=30px'など） DOM要素（スクロール可能な要素の子） スクロール可能な要素に関連付けられているセレクタ { top:x, left:y }のようなハッシュ。xとyは上記のように数値や文字列 水平、垂直両方向に移動し、x, yが違う値の場合のみハッシュが必要。詳しくは以下に。 セッティング アニメーションと最終地点をカスタマイズするための多くのオプションがある。 axis スクロールの軸。'
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.h2.dion.ne.jp/~defghi/svgMemo/svgMemo_19.htm
