問題タブ [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.
javascript - requestAnimationFrame で新しいインスタンスから形状を移動する方法は?
これがフィドルです。スペースバー (キーコード 32) が押されると、弾丸をシミュレートするために小さな四角形が作成されます。いくつかの問題が発生しました: それらを一番上に移動する方法 (y 座標を減らす) は? 誰でも私を助けることができますか?どうも!
jquery - Jqueryを使ったCARのアニメーション
道路を縦に走る車のアニメーションを入れたいです。私のフィドルに示されているように、車のアニメーションは機能しますが、車が道路上の私のイメージで走り、車が遠くに行くにつれて車が小さくなるはずです。
Html マークアップ:
Jクエリ:
フィドルへのリンク:フィドルの例
どんな助けでも大歓迎です。前もって感謝します。
javascript - GSAP/d3.js を使用した Canvas HTML5 アニメーション
このサイトにあるような HTML5 キャンバス アニメーションを作成したいと思います: https://flowstudio.co/。
私は GSAP から始めましたが、このようなものを作成するのは非常に大きな作業のようです。私はほとんどすべてのポイント/移動特異点を作成する必要があり、より高速でより良い方法があるかどうかわかりません。現在、私はプラグインなしで GSAP のみを見てきました。これを作成するのに役立つ特別なツール/(GSAP) プラグインはありますか? または、d3.jsを使用する必要がありますか?
これに関するチュートリアルも見つけようとしましたが、このより高度なケースには何もないようです。
助けてくれてありがとう!