在javascript中创建一个3d屋顶

时间:2013-02-18 12:18:15

标签: javascript html css drawing fabricjs

我需要为一个项目制作一个3D屋顶,现在我唯一想到的就是使用一个库来制作一个三角形,然后在它旁边放一个有角度的矩形,以获得一个3d效果。此外,三角形/屋顶的高度需要通过文本字段进行调整,人们可以在其中填充屋顶的高度。

我使用了Fabric.js并且有了一个很好的开始,但是此刻我的脚本没有出现任何错误而烦恼...

FabricJS drawing image dissapears

如果有人建议我最好使用哪个库,或者如何制作这个程序,那么让我开始这个项目的任何事情都会有所帮助。

此致 Harmen。

1 个答案:

答案 0 :(得分:0)

你可以通过three.js实现这一目标,这应该是相当容易的:

http://mrdoob.github.com/three.js/examples/webgl_geometry_tessellation.html

这显示了使用键盘的用户输入:

http://stemkoski.github.com/Three.js/Mesh-Movement.html

和一些你好世界的例子:

http://stemkoski.github.com/Three.js/

希望这有帮助