ホームページ  >  記事  >  ウェブフロントエンド  >  JS を介して複数のボールの衝突と反発を実現する方法

JS を介して複数のボールの衝突と反発を実現する方法

亚连
亚连オリジナル
2018-06-08 16:16:182471ブラウズ

この記事では、複数の小さなボールの衝突とリバウンドの効果を実現するためのネイティブ JS を主に紹介し、小さなボールを実現するための関連する数値計算、乱数生成、イベント応答およびその他の JavaScript の操作スキルを分析するための完全なサンプル フォームを組み合わせています。衝突が必要な場合は、以下を参照してください

この記事の例では、ネイティブ JS を使用して複数の小さなボールの衝突とリバウンドの効果を実現する方法について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

実装アイデア: ボールの左と上の値を変更することでボールの動きが変わります。座標は(x, y. x/y 値が最大値に追加されるとき、つまり親の幅または高さに追加されるとき、同様に、x 値または y 値が減少します。最小の場合、x 値または y 値も増加します。上記のアイデアにより、ボールが壁に当たると跳ね返ります

小さなボールと小さなボールの衝突は、小さなボールがボールに当たる方向を決定する必要があります。同様に、小さなボールの移動方向を決定するために、ボールの反発を達成するために小さなボールの座標値を変更します。皆さんのためにまとめました。今後皆さんのお役に立てれば幸いです。

関連記事:

zTreeツリープラグインで全国の5レベル地域のクリックローディングを実装する方法

node+expressのパーソナライズされたチャットルームを実装するにはどうすればよいですか?

vueを使用して自動Webサイト構築プロジェクトを作成する方法(詳細なチュートリアル)

以上がJS を介して複数のボールの衝突と反発を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。