生成砌体布局,然后对其应用重力

时间:2015-05-14 00:11:35

标签: javascript jquery html css physicsjs

这是一个奇怪的事情,我一直在抨击我的大脑。

我想按顺序做两件事:

  1. 从div,imgs或其他任何列表中生成一个砖石风格的布局。这些将使用图像,但它们可以是div中的背景图像,或其他一些有效的方法。这可以是纯CSS或jquery插件。

  2. 生成网格后,应用基于物理的插件,例如' .throwable'对各个div /对象。这些物体会相互落在一起,但总体上会保留它们的结构,就像你在“愤怒的小鸟”中看到的一样。

  3. 这里的目标是粘贴div列表,让jquery插件甚至纯CSS自动找出如何对齐它们,然后将重力应用于砌体网格。

    我一遍又一遍地遇到的问题是生成了砌体网格......但是当我将物理系统应用到它时,各个对象会快速回到不同的位置。我认为砖石要他们作为"亲戚"而物理系统希望他们进入绝对的"?不确定......

    如果有人想知道我正在尝试的是什么,我在这里有一个粗略版本的最新尝试:http://cssdeck.com/labs/full/f5dm0zv8

1 个答案:

答案 0 :(得分:0)

贾斯帕的回答暗示了这个解决方案,虽然我不确定为什么这次事情似乎适合我。我曾尝试过多个基于javascript / jquery的砌体插件,但没有任何效果。我最终尝试了“http://masonry.desandro.com/methods.html”,最终为我工作了。我以为我已经尝试过这个 - 也许不是吗?无论如何,我在这里有一个或多或少的工作示例,但出现了新的问题:http://output.jsbin.com/runewidapi/2/