html5-animation

-1熱

1答えて

html5キャンバスでのパスベースのアニメーション

パスベースのアニメーションの作成方法 paper.js E.Gベジェ曲線。

javascript html5-canvas html5-animation 2012-04-20

---

0熱

2答えて

のJavaScript：HTML5、それがHTML5に来るとき、私は<em>初心者くさい</em>午前

ページと悪名高いキャンバス要素をボールをスライディング。現在、私は私のウェブページ上に青いボールを描いており、キャンバス要素をクリックすると、ボールはdrawCircle関数に渡す位置（Y）までスライドします。私はslideUp Yの場所にボール、Yの場所に飛んでボール対ボールにしたいです。ここで は、これまでの私のコードです： var context, canvas; var x = 100;

javascript html5 html5-canvas html5-animation 2012-01-17

---

0熱

1答えて

ブラウザの再描画を強制し、UI更新の遅延を回避するにはどうすればよいですか？

ロング（er）操作が行われる前にブラウザを使用してUIを更新する必要があります。現在、ブラウザはすべてが完了してからUIが更新されるまで待機しています。つまり、UIが1〜2秒間フリーズしてから更新されます。だから、 、ユーザーはUIのボタンをクリックすると、このコードが実行される： $('#mybutton').click(function(e) { e.preventDefault();//

javascript jquery css css-animations html5-animation 2016-04-11

---

3熱

2答えて

キャンバスで図形を識別する方法は？

キャンバスを定義してその上に少数のシェイプを描画すると、各シェイプのイベントやその他のプロパティを宣言するために、シェイプまたはイメージのそれぞれをどのように特定することができますか？私は長方形と三角形を持っていると考えてください。特定のエンティティとして定義するためのメカニズムを持つことができますし、個別に処理することもできます。私はKineticJSについて知っていますが、この機能を私自身で実

html5 html5-canvas html5-animation 2012-03-22

---

1熱

1答えて

SVG要素は動的に追加されたときにアニメートされません。

SVG要素のアニメーションを達成するために、jQueryでアニメーションに動的DOMを追加しようとしました。 JSでDOMを生成するので、HTMLページにはこのアニメーションの要素がありません。 動的に追加すると、アニメーションはChrome（16）で始まりませんが、FF（8）で動作します JSで生成されたダイナミックなドムを削除し、ページ。私がそれのためのフィドルを作成している ：私はHTMLペ

html5 svg html5-animation 2011-12-15

---

0熱

1答えて

は、WebKitの移行を「隠す」（表示：なし）後のdiv

私はこのような何かを持っている： <style> #submenu { background-color: #eee; height:200px; width:400px; opacity: 1; -webkit-transition: all 1s ease-in-out; } .doSomething {

css3 html5-animation 2012-03-29

---

0熱

2答えて

HTML5コンテキスト/キャンバス - コンテキスト上の描画を呼び出すタイミング

私は小さなオブジェクト指向のjavasscriptデモを作成しています。この時点で何も想像もせず、衝突の検出も何もしません。私のBall.jsクラスが良いと仮定することは安全だと考えてください。 私の質問はこれに相当します：どこでball.draw（コンテキスト）を呼び出す必要がありますか？私が設定した方法で画面に描画されるボールを得る唯一の方法は、generateBalls（）にコールを置くこと

javascript html5 html5-canvas html5-animation 2012-02-09

---

0熱

3答えて

HTML5キャンバスにのみ透明でないピクセルをコピーする

私はキャンバスに白黒画像が最初に表示されている小さな子供用の色付けゲームを作成しています。キャンバス上で描画ツール（マウス）を動かすと、白と黒の表面は、対応するカラー画像からの色情報で上書きされます。 特にマウスを動かすたびに、円形の領域をカラー画像からキャンバスにコピーする必要があります。円のエッジは、実際の描画ツールの品質をよりよく模倣するために少しぼやけているはずです。 質問はこれを達成する

javascript html5 html5-canvas html5-animation 2012-02-10

---

1熱

1答えて

HTML5キャンバスで曲線を再現するときにポイントが描画されない

HTML5キャンバスに描かれた曲線を再現しようとしています.Xは100 MSごとにポイントしますが、再生されたコピーでは失われます。元の曲線に使用されているすべての点があります。 オリジナルカーブ：http://jsfiddle.net/NWBV4/12/ 再現カーブ：再生曲線でhttp://jsfiddle.net/NWBV4/15/ 我々はポイント（例えば、1000）の数よりも大きいにSEGM

javascript html5 canvas html5-canvas html5-animation 2012-04-02

---

0熱

3答えて

html5キャンバスで複雑なアニメーションを作成するために使用するjsライブラリはどれですか？

html5キャンバス要素でアニメーションを書きたいと思います。キャンバス機能を活用するのに役立つjsライブラリがいくつかあることがわかりました。たとえば、KineticJS、FabricJS。しかし、どのライブラリを使うのか分かりません。 このライブラリを使用する際の賛否両論は何ですか？または、より良い実装を知っているかもしれませんか？ 私は静止画に似たものを作成するつもりです 編集が、アニメーシ

javascript html5 canvas html5-canvas html5-animation 2012-02-15

---