three.js中射线拾取模型
·
addEventListener('click', function (event) {
const px = event.offsetX
const py = event.offsetY
// 屏幕坐标px、py转换为三维坐标x、y
// width、height表示canvas画布的宽高
const x = (px / window.innerWidth) * 2 - 1
const y = -(py / window.innerHeight) * 2 + 1
console.log('x', x)
console.log('y', y)
// 创建一个射线投射器
const raycaster = new THREE.Raycaster()
raycaster.setFromCamera(new THREE.Vector2(x, y), camera)
const intersects = raycaster.intersectObjects([要选中的模型])
if (intersects.length > 0) {
// 选中模型中的第一个模型设置为红色
模型需要做的操作
}
})
北京人形旗下天工造物具身智能开源社区，聚焦具身天工与慧思开物两大平台
更多推荐
5
0- 0
已为社区贡献4条内容
所有评论(0)