ThreeJs 射线拾取不准确设置

欢迎关注进来点个关注;

 关注获取更多咨询!关注获取答案!

1、效果图如下:

2、问题描述:点击一开始无法获取当前的位置,官方推荐直接使用

mouseClick.x = (event.offsetX / window.innderWidth) * 2 - 1;
mouseClick.y = -(event.offsetY / window.innderHeight) * 2 + 1;

这个使用的前提是在这个Canvas 画布也是使用window.innderWidth,window.innderHeight

否则就会出现点击偏移选中不了的问题;

3、解决办法:

查看自己的盒子的大小和画布的大小是否一致

相关推荐

  1. cesium 射线 碰撞检测 拾取 ray drillPickFromRay

    2024-03-13 23:56:01       57 阅读
  2. Unity射线检测到MeshCollider的原因

    2024-03-13 23:56:01       36 阅读
  3. threejs

    2024-03-13 23:56:01       29 阅读
  4. 服务器时间准确的风险

    2024-03-13 23:56:01       39 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-13 23:56:01       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-13 23:56:01       106 阅读
  3. 在Django里面运行非项目文件

    2024-03-13 23:56:01       87 阅读
  4. Python语言-面向对象

    2024-03-13 23:56:01       96 阅读

热门阅读

  1. 你真的理解ssh吗?5分钟ssh入门到精通

    2024-03-13 23:56:01       38 阅读
  2. 什么是回调地狱

    2024-03-13 23:56:01       35 阅读
  3. 【无标题】

    2024-03-13 23:56:01       41 阅读
  4. 77.组合

    2024-03-13 23:56:01       35 阅读
  5. 安卓kotlin面试题 81-90

    2024-03-13 23:56:01       37 阅读
  6. 【C语言学习路线】

    2024-03-13 23:56:01       43 阅读
  7. TypeScript之函数

    2024-03-13 23:56:01       39 阅读
  8. jetson orin nx重装Cuda加速的OpenCV4.5.4

    2024-03-13 23:56:01       46 阅读