是否有一個JavaScript物理庫與HTML元素（如divs）而不是在畫布中一起使用？

player stack 是否有一個JavaScript物理庫與HTML元素（如divs）而不是在畫布中一起使用？

我工作的一個簡單的棧的遊戲，玩家移動編號件左右，以跟蹤它們整理收集碎片的勝負手的距離。

目前我使用jQuery UI的可拖動和拖放。它很容易啓動，但一次只能移動一件：http://cssdeck.com/labs/cowmmudd/4。

我想將移動的部分外包給一個真正的JavaScript物理庫而不是使用jQuery UI。（所以，當移動上面一排中的藍色4一直留下時，它會強制該行上的所有棋子一起）。
我想繼續使用普通的HTML元素來表示我的棋子，因爲這些元素更容易設計和關於的原因。（所有的JavaScript庫物理學我已經採取了看使用canvas但我想實現TE同谷歌曾經做過：http://mrdoob.com/projects/chromeexperiments/google-gravity/）

有人可以提供控制佈局和正常碰撞的簡約例子一事─，使用他們所知道的最佳JavaScript物理庫的in-canvas HTML元素？

來源

2012-10-15 Cetin Sert

你一定要使用一個額外的外部庫是要走的路？那麼在下降時只檢查同一高度的瓷磚，如果它們可以移動，則在那裏動起來呢？ –

@BenjaminGruenbaum我不想寫很多不可維護的代碼，因爲我是物理學，數學和幾何學的完全noob，你可以將其命名。我想聲明遊戲對象的屬性，並有一個適當的庫來處理碰撞和位置。 –

box2d的JS版本具有使用畫布的調試渲染器，但這只是默認設置。您可以以任何您想要的方式渲染對象 - 模擬和繪圖是獨立的。 –

到目前爲止，我發現最簡單的例子： http://bl.ocks.org/3411189

更新：一個簡單的適應我的作品：http://cssdeck.com/labs/fe3z2cfx/6

來源

2012-10-15 23:32:44

這些鏈接中的任何一個都可能在沒有警告的情況下被刪除，或者它們是否爲永久性裝置？在大多數情況下，您最好將實際代碼粘貼到答案中，然後引用鏈接。否則，如果資源突然消失，您的答案將變得毫無用處。另見http://meta.stackexchange.com/questions/8231/are-answers-that-just-contain-links-elsewhere-really-good-answers –

@RobertHarvey：你說得對，我會按照每個編輯cssdeck你的建議！ –

@RobertHarvey：我已經更新了我的答案，嵌入了兩個簡短的JS片段，並添加了對其原始來源的引用。 –

是否有一個JavaScript物理庫與HTML元素（如divs）而不是在畫布中一起使用？

回答

相關問題