gpt4 book ai didi

javascript - 3D 立方体创建和处理该立方体上的事件

转载 作者:行者123 更新时间:2023-11-28 00:42:02 24 4
gpt4 key购买 nike

我在 HTML5 Canvas 中创建了多个 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

关于javascript - 3D 立方体创建和处理该立方体上的事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27817542/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com