問題タブ [html5-animation]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
320 参照

javascript - requestAnimationFrame で新しいインスタンスから形状を移動する方法は?

これがフィドルです。スペースバー (キーコード 32) が押されると、弾丸をシミュレートするために小さな四角形が作成されます。いくつかの問題が発生しました: それらを一番上に移動する方法 (y 座標を減らす) は? 誰でも私を助けることができますか?どうも!

0 投票する
0 に答える
1652 参照

jquery - Jqueryを使ったCARのアニメーション

道路を縦に走る車のアニメーションを入れたいです。私のフィドルに示されているように、車のアニメーションは機能しますが、車が道路上の私のイメージで走り、車が遠くに行くにつれて車が小さくなるはずです。

Html マークアップ:

Jクエリ:

フィドルへのリンク:フィドルの例

どんな助けでも大歓迎です。前もって感謝します。

0 投票する
1 に答える
381 参照

javascript - GSAP/d3.js を使用した Canvas HTML5 アニメーション

このサイトにあるような HTML5 キャンバス アニメーションを作成したいと思います: https://flowstudio.co/

私は GSAP から始めましたが、このようなものを作成するのは非常に大きな作業のようです。私はほとんどすべてのポイント/移動特異点を作成する必要があり、より高速でより良い方法があるかどうかわかりません。現在、私はプラグインなしで GSAP のみを見てきました。これを作成するのに役立つ特別なツール/(GSAP) プラグインはありますか? または、d3.jsを使用する必要がありますか?

これに関するチュートリアルも見つけようとしましたが、このより高度なケースには何もないようです。

助けてくれてありがとう!