为了账号安全,请及时绑定邮箱和手机立即绑定

THREE.JS中的鼠标点击事件

<script>
var raycaster = new THREE.RayCaster();//光线投射,用于确定鼠标点击位置
var mouse = new THREE.Vector2();//创建二维平面
window.addEventListener("mousedown",mousedown);//页面绑定鼠标点击事件
//点击方法
function mousedown(e){
    //将html坐标系转化为webgl坐标系,并确定鼠标点击位置
    mouse.x =  e.clientX / renderer.domElement.clientWidth*2-1;
    mouse.y =  -(e.clientY / renderer.domElement.clientHeight*2)+1;
    //以camera为z坐标,确定所点击物体的3D空间位置
    raycaster.setFromCamera(mouse,camera);
    //确定所点击位置上的物体数量
    var intersects = raycaster.intersectObjects(scene.children);
    //选中后进行的操作
    if(intersects.length){
        ...
    }
}
</script>
点击查看更多内容
6人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
4
获赞与收藏
24

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消