首页 > 其他分享 >Threejs:捕获鼠标位置

Threejs:捕获鼠标位置

时间:2022-12-08 22:46:21浏览次数:43  
标签:Threejs intersects 鼠标 render 捕获 window mouse event

 

// 获取鼠标坐标
function onPointerMove(event) {
  //将鼠标点击位置的屏幕坐标转换成threejs中的标准坐标
  mouse.x = (event.clientX / window.innerWidth) * 2 - 1
  mouse.y = 1 - (event.clientY / window.innerHeight) * 2
  // console.log(mouse);
}
// 渲染函数
function render() {

  // 通过摄像机和鼠标位置更新射线
  raycaster.setFromCamera(mouse, camera);

  // 计算物体和射线的焦点
  const intersects = raycaster.intersectObjects(scene.children);

  // for ( let i = 0; i < intersects.length; i ++ ) {

  //     intersects[ i ].object.material.color.set( 0xff0000 );

  // }

  renderer.render(scene, camera);

}

window.addEventListener('pointermove', onPointerMove);

window.requestAnimationFrame(render);

 

标签:Threejs,intersects,鼠标,render,捕获,window,mouse,event
From: https://www.cnblogs.com/LIXI-/p/16967623.html

相关文章

  • Threejs:创建矩阵
     设置顶点创建矩形constgeometry3=newTHREE.BufferGeometry();constvertices=newFloat32Array([-1.0,-1.0,1.0,1.0,-1.0,1.0,1.0,1.0,1.0,......
  • Threejs:创建纹理
    创建纹理//导入纹理constloader=newTHREE.TextureLoader();//加载所需要的纹理图片consttexture1=loader.load('./dist/texture/sea.jpg')constmaterial5......
  • Threejs:创建几何体——图元
     BoxGeometry盒子+MeshBasicMaterialconstgeometry=newTHREE.BoxGeometry(1,1,1);constmaterial=newTHREE.MeshBasicMaterial({color:0x00ff00});const......
  • vue table表格实现无缝滚动 鼠标进入可悬停
    <el-tableref="table":data="tableData":header-cell-style="{background:'#F0F2F7',colo......
  • macos键盘和鼠标键映射
    1.下载软件:https://karabiner-elements.pqrs.org/2.定制键的映射:     ......
  • Threejs教程-07-光源2
    接上节,讲了Threejs06”。本节具体讲解一些Threejs的知识点。首先有条件的话搞个服务器,这里还是用的三丰云免费云服务器,免费虚拟主机在这里不适用就不介绍了,安装的Centos7......
  • Python——实现网页模拟键盘输入和鼠标点击
    Python——实现网页模拟键盘输入和鼠标点击​​一.安装selenium库​​​​1.1win+R打开输入窗口​​​​1.2输入cmd,点击确定​​​​1.3输入代码:​​​​二.以谷歌浏览器......
  • 如何以时间间隔捕获CPU,procrank,内存和顶级信息?
    我们处理了一些在money或稳定性测试中复制的软件监督问题。根据logcat,内核和跟踪日志分析,SWWD阻塞的线程的回溯不是固定的。在换句话说,阻塞的线程在特定功能中不会被阻塞。......
  • vscode ctrl+鼠标左键没反应
    目录vscodectrl+鼠标左键没反应可能的原因解决方法vscodectrl+鼠标左键没反应vscode刚开始用的好好地,有一天突然发现按ctrl+鼠标左键无法跳转到函数,我就知道我要踩坑了......
  • IDEA实现无鼠标操作,看这篇IDEA快捷键总结就够了。
    我为什么去学习无鼠标操作IDEA1.提高编码时的专注度。减少使用鼠标次数,获得沉浸式写代码的体验。2.提升工作效率,快捷键生而为简化操作。3.很帅,毕竟帅是一辈子的事。有个不使......