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

3D cube creation and handling events on that cube

本文关键字:数据集 事件 立方体 创建 处理 3D      更新时间:2023-09-26

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

提前谢谢。

Paper.js处理2D矢量图形。

虽然理论上你可以根据需要表示一个立方体,例如使用倾斜正方形,但仅创建 1 个立方体需要花费大量精力和大量时间。

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

下面是一个已经准备好的示例,使用光线投射来检测立方体一侧的点击: http://mrdoob.github.io/three.js/examples/canvas_interactive_cubes.html