他のオブジェクトとの衝突を検出するhtml/css/javascriptのオブジェクト移動

Question

私はcss/html/javascriptで動きのある人間を作りたい、他のオブジェクトとの衝突を検出したい。どのようにそれを行うにはどのようなアイデア？同じポインタを使用するとすばらしいことになります。

Answer 1

最初の試みでは、キャンバスを使用するrapahel jsプロジェクトを見ています.2番目のレベルで自分の物理エンジンを使いたいと思うほど難しいことですが、数学の数式では、オブジェクトとして必要なものはすべて、衝突の影響を確実に受けるためにスクリプトで記述する必要があります。

いくつかのデザインパターンは、コードを良くするのに役立ちます。

幸運。

Answer 2

基本的なゲームチュートリアルでは、あなたが尋ねたトピックをかなり詳しく説明しています。 JavaScriptのバージョンが見つからない場合は、おなじみの言語で何かを取得して、同じことをjavascriptでコーディングしてみてください。

これらのチュートリアルと同じように物を描くには、「position：relative」のdivと「position：absolute」の子を使用し、「top」と「left」CSSスタイルの所有者を使用してボックス/スプライト/何でも。

これらのヒントに従えば、どうすればいいのか分かります。