介绍 function onDocumentMouseDown (, event ), {
event.preventDefault才能();
var 才能;vector =, new THREE.Vector3();//三维坐标对象
vector.set才能(
,,,(,event.clientX /, window.innerWidth ), *, 2,安康;1,
,,,的;(,event.clientY /, window.innerHeight ), *, 2, +, 1,
,,,,0.5);
vector.unproject才能(,camera );
var 才能;raycaster =, new THREE.Raycaster (camera.position, vector.sub (camera.position) .normalize ());
var 才能;intersects =, raycaster.intersectObjects (scene.children);
if 才能;(intersects.length 祝辞,0),{
,,,var selected =,相交[0];//取第一个物体
,,,console.log (“x坐标:“+ selected.point.x);
,,,console.log (“y坐标:“+ selected.point.y);
,,,console.log (“z坐标:“+ selected.point.z);
以前,,}
本篇文章为大家展示了使用三个。js如何获取鼠标点击的三维坐标,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
上述内容就是使用Three.js如何获取鼠标点击的三维坐标,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。
