html/css/javascript中的移動對象檢測與其他對象的碰撞

Question

我想在css/html/javascript中製作一個移動的人，並檢測與其他對象的碰撞。任何想法如何做到這一點？或者任何指向相同的指針都會很好。

Answer 1

第一個嘗試是看rapahel js項目它使用canvas，第二個是很難做到的事情，因爲你想在2D級別使用自己的物理引擎，但是我想用一些數學公式可以做到，但是所有你需要作爲對象的東西都應該在js中編寫腳本，以確保獲得碰撞效果。

一些設計模式應該可以幫助您更好地編寫代碼。

祝你好運。

Answer 2

幾乎任何基本的遊戲教程都涵蓋了你所提出的主題。 如果您找不到JavaScript的版本，只需使用您熟悉的語言獲取任何內容，然後嘗試在JavaScript中編寫相同的代碼即可。

以相同的方式繪製的東西，這些教程可能會做的，使用與「位置：相對」與它的孩子與「位置：絕對」的div和使用「頂部」和「左」的CSS樣式屬性定位盒/精靈/不管。

我很肯定你可以弄清楚如果你按照這些提示怎麼辦。