webgl坐标系:中心点为(0, 0)
canvas 2d坐标系:左上角顶点为(0, 0)
当我们需要用到鼠标点击的时候,只能获取到2d的坐标值,通过下面的代码就可以转换,有用收藏点赞了~
canvas.addEventListener('click', ({clientX, clientY}) => {
let w = canvas.offsetWidth / 2,
h = canvas.offsetHeight / 2,
webglX = (clientX - w) / w,
webglY = (h - clientY) / h;
// 其余代码......
})