javascriptで移動中の車

Question

私はjavascriptを初めて使っています。矢印付きの車で車を動かしたいです。私はsvgで経路を作成し、矢印の機能を作っています。彼らはokです。しかし、私はどのようにパスを認識する必要がありますか？パスの座標を各移動ごとに確認する必要がある場合、パスはさまざまな形状で構成されます。どのように制御できますか？いくつかの例がありますが、

Answer 1

[OK]を、短い答え：要素はお互いを認識することはできません。しかし、あなたができることは、必要なすべての要素の計算されたスタイルを取得し、次にページ上の表紙を計算することによって衝突をシミュレートすることです。それを助ける関数のいくつかはgetComputedStyle()とcurrentStyleです。後者はIEの最初のものと同等です。

基本的には、キーを押すたびにディスパッチされる（またはIEのlingo：Firedで）カスタムイベントをあなたの車にバインドする必要があります。そのイベントはあなたの車/要素のスタイルを変更し直す必要があります。例：上のキーが押されているので、yの位置を変更する必要があります。要素を実際に移動する前に、その領域内のすべてのソリッド要素の位置を含むオブジェクトを持つ必要があります。その要素をスキャンして、あなたの車の要素が移動しているかどうかを確認します。重複が発生した場合は、衝突イベントを発生させます。

これは実際には簡単な説明ですが、それぞれのキーを押すたびに実行する必要があります。だからこそ、私はカスタムイベント、ハンドラ、イベントバインディングとディスパッチを読むことを提案した。 これを純粋なJavaScriptで記述すると、私はあなたに今すぐ約束することができます。読んでいないことが1つあります。なぜJavaScript開発者がIEをあまりに嫌うのですか？ IE9より前のバージョンのIEでは...

これで終了します：このようなもののためにブックマークするページはjavascriptkitです。また、遭遇するクロスブラウザーの問題を解決するために、jQueryのようなフレームワークを使用することをお勧めします。

幸運を祈る！