使用Three.js创建七巧板

Question

我需要创建类似七巧板的对象，用户可以在其中操作结构，以便按照您可以看到的here创建配置。

我试图了解哪种策略最适合用Three.JS编写代码，记住在最好的情况下我想添加物理。

我是WebGL的新手，任何建议都会有所帮助。

谢谢

Answer 1

http://codepen.io/livinglegendparagon/full/JKEZPa/

$sizeOfYourContainer: 1000;
$s: $sizeOfYourContainer;
$Area: sqrt($s * $s);
$a: $Area / 8;
$b: $Area / 4;

这对于真正的七巧板的公式有很好的联系，上面的公式将根据您希望容器的宽度/高度给出a和b值