Javascript 带三角形的砌体网格？

有没有可能创建一个砖石网格，比如Packery，但使用通过CSS或SVG完成的三角形？我能够成功地做到这一点，然而，对齐彼此相邻的三角形，这样就没有间隙似乎是一个挑战

我有以下资料：

<div id="container">
    <div class="item"></div>
    <div class="item ud"></div>
    <div class="item"></div>
</div>

---

.item

表示一个等边三角形，

.ud

类只是将其翻转过来。我的第一个想法是使用负边距来拉动相邻的三角形。但是三角形的大小会有所不同。

使用css创建三角形是一件痛苦的事情。然而

我是Maaaazing

SVG是一个很好的选择。它是Amaaazing

---

请显示您迄今为止尝试的内容