問題タブ [gamequery]

「gameQuery」jQuery プラグインを使用して、シューティング ゲームである js ゲームを作成しています。

多数の弾丸 (たとえば 100 個以上) がある場合、アニメーションの回転が非常に遅くなります。

DOM の移動を循環させるためにコード ブローを使用します。これは、20 ミリ秒ごとに関数を実行することを意味します。すべての弾丸は配列に格納され、

コードを最適化して効率を高めるにはどうすればよいですか? どうも！

私はjsの完全な初心者であり、クラスを受講していて、私たちの課題の1つは基本的なレースゲームを作ることです。見つかったスクリプトはどれでも使用できるので、gamequery を選択しました。プレーヤーは完全に自動化されており、x% の確率でまっすぐになり、y% の確率で正しく、残りは離れることを前提としています。gamequery チュートリアル スペース ゲームを一種のガイドとして使用しましたが、動きと衝突を扱っていると、特に前後の動きでコードが非常に遅くなります。

移動前に衝突を検出する方法があることは知っていますが、移動がランダム化されているため、それを実装する方法が本当にわかりません。切り替えたほうが早い？また、奇妙なことに、私が配置した約 3 つの障害物を除くすべての障害物との衝突が示され、何らかの理由で、ランダムに配置された場所に関係なく、それらのいくつかを無視します。私は自分のスキルレベルよりも多くのことをしたと思うので、助けていただければ幸いです.

10 代前半の息子が Pygame でゲームを書いていたとき、息子のためにシーン変更コードを自分で実装しなければならなかったことを思い出しました。

現在、彼は jQuery を使用していくつかの簡単なゲームを作成しています。jQueryゲームでシーンを変更する方法を学ぶのを手伝ってくれる人はいますか? ユースケースは次のようになります。

シーン 1 では、青チームと赤チームが銃撃戦を行いました。5 人のチーム メンバーが残っている状態で、青のチームが勝ったとします。この 5 人は新しいシーンに移動する必要があります。新しいシーンは、新しい背景、すべての赤いチームの不在、死体さえないことなどを示唆しています.

これをアトミックで非常に低いレベルで行う必要がありますか?

欠けている高レベルの概念、API 呼び出しなどはありますか?

追加した：

Pygame では、scene2、scene3、scene44 などはそれぞれ別のファイルです。

シーン 1 から、次のようにシーン 2 を呼び出します。

各スプライトは、パワー、ヘルス、武器などを次のシーンに自動的に持ち越します。

重複の可能性：
2つのdivがjqueryに接触しているかどうかを検出する方法は？

2つのdivがオーバーラップしているかどうかを検出する方法を理解するために多くの時間を費やしました。
gamequeryプラグインを試し、次のように使用しました。

gamequeryプラグインを使用しますか、および/またはどのように使用しますか？

マウスダウン選択を使用できることはわかっていますが、クリックしたスプライトをマウスに追従させたいのですが、API で言及されている種類のマウストラッカー機能があります。残念ながら、マウスの検出が可能であると述べている以外に、これの例はありません。

マウスの位置を選択しましたが、選択したスプライトをそれに追従させる方法がわかりません。

どんな助けでも大歓迎です。

パスは可変であるため、設定されたパスをたどろうとはしていません。しかし、オブジェクトをドロップする場所から目立つパターンで落下するように設定しようとしています。

現在、私のコードは、ユーザーがオブジェクトを離した後、オブジェクトをその場所にフラッシュするだけです。最善の方法を考えられず、考えられない場合は、オブジェクトを「ゆっくり」戻そうとしています。

これまでのところ、ループを使用してオブジェクトの位置を遅延させて減算 (または加算) することを考えていますが、私が知らないオブジェクトを移動するより良い方法があるかもしれません。

何か案は？

この質問が以前に尋ねられたことは知っていますが、答えは単にうまくいきませんでした

ここに jquery 無効化選択コードを追加してみましたが、うまくいきませんでした

});

user-select none を追加しようとしましたが、うまくいきませんでした

ペイントで透明なアルファベットを作成することを検討しています（少しリソースを消費します）

テキストを強調表示できないようにする必要があるのは、gamequery を使用するゲームであり、オブジェクトがドラッグされると、div 内のテキストが強調表示され、見た目が非常に悪くなるためです。

タイルマップ全体をループせずに、選択したタイルの次の下部要素 (id、クラス) を取得するにはどうすればよいですか? 例: 私のタイル $('.gQ_tileType_4') はゲーム内の岩であり、次の一番下のタイル $('.gQ_tileType_8') がスペースである場合、これは落下するはずです。次に、タイルマップ全体をループして、要素を xy 座標と比較します。しかし、ゲームのパフォーマンスが低下しているため、間違った方法だと思います。

シンプルな Brick Breaker ゲームで問題が発生しています。ボール オブジェクトの簡単なアニメーションを作成しましたが、ページ上の他の要素と接触するタイミングを検出するのに苦労しています。言うまでもなく、プレーヤー タイルを作成したコンテナ div の外に移動させないようにすることはできないようです。プレイヤーのパドル、壁、レンガでボールが跳ね返るようにしたいだけです。

Jqueryだけでなく、gameQueryもインストールしています。これは、現在の html/css/javascript を使用したこれまでの私のゲームです: jfiddle申し訳ありませんが、うまく一致しています。