3D 立方体创建和处理该立方体上的事件答案

【问题标题】：3D cube creation and handling events on that cube3D 立方体创建和处理该立方体上的事件
【发布时间】：2015-03-05 05:37:52
【问题描述】：

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

提前致谢。

【问题讨论】：

试试three.js。这是一个示例：stackoverflow.com/questions/7956442/…

标签： javascript 3d paperjs

【解决方案1】：

Paper.js 处理 2D vector 图形。

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

您最好使用 3D 库，例如 - Three.js。

这是一个使用光线投射来检测立方体侧面点击的示例：http://mrdoob.github.io/three.js/examples/canvas_interactive_cubes.html

【讨论】：