ThingOrigin.js

射线点击控制器 ​

利用光线投射，实现通过鼠标点击后，获取点击模型列表。

初始化场景 ​

默认已经设置了一个 div 宽度为 600px， 高度为 400px， id 设置为 TO 的容器。
且已经完成初始化导入模型操作，请参考 导入模型章节。

光线投射 ​

通过鼠标点击位置，计算出 raycaster 所需点的位置，以屏幕为中心点，范围 -1 到 1

js
TO.controls.initRaycaster({
    active: true, //是否启用鼠标点击控制器
    events: {
        click: true,
        mousemove: true
    },
});
//控制台打印出“鼠标选中物体”字样，再对此选中的模型列表进行其他操作

方法参数说明

  • active: 是否启用鼠标点击控制器
  • click: 点击事件
  • mousemove: 鼠标移动事件