3D立方体创建和处理该多维数据集上的事件

时间:2015-01-07 10:39:18

标签: javascript 3d paperjs

我在HTML5 Canvas中创建了多个3D立方体。 我试图处理3D立方体上的点击事件,以便我可以知道点击了哪个立方体。 为了创建立方体,我使用了processingJS。 它运作良好但无法获得Click位置。 我读到了Paper JS,它创建了一个形状并将其存储在一个对象中 是否可以使用Paper JS创建3D内容。 或者无论如何我可以通过ProcessingJS获得点击的立方体。 请分享是否有其他方法可以做到这一点。

提前致谢。

1 个答案:

答案 0 :(得分:1)

Paper.js处理2D vector 图形。

虽然理论上你可以根据需要表示一个立方体,例如,使用倾斜的正方形,只需要创建一个立方体就需要花费很多精力和时间。

您使用3D库要好得多,例如 - Three.js

这是一个已经熟练的示例,使用光线投射来检测多维数据集一侧的点击次数:http://mrdoob.github.io/three.js/examples/canvas_interactive_cubes.html