Three.js,使用缩放容器单击检测

时间:2014-06-02 22:42:52

标签: javascript css canvas three.js scale

我在一个小项目上工作,我必须用鼠标检测创建平面。 暂时我只是通过网络上的一个简单例子对一个立方体进行一些测试。

检测是好的和准确的,但是当鼠标滚轮缩放时容器必须缩放。

(我还必须对某些图像进行缩放,目的是为了在我的图像上创建准确的检测来叠加带有某些3D图像的图像,这些图像使用css变换进行缩放,所以我想简单的方法是用帆布容器做同样的事情)

问题来自scalling这个画布容器(使用css变换)后,光线投射不会保持精确,我真的不知道如何解决它,我试图改变一些值,但随机的方式。 我想与容器上应用的比例因子有关,但我不明白我必须修改哪个变量。

我将尝试直接使用three.js缩放画布,并按照我应用于图像的比例,但我不知道这是否更容易。

以下是我的测试:http://pixelreseller.com/src_pixelreseller/projets/three-test/

您可以通过代码来源查看代码,但如果您希望我在此处复制/粘贴代码,请与我们联系。

0 个答案:

没有答案