1回答
因为该点只是一个三维坐标。它很难通过光标或鼠标与其相交。但是在three.js中(这里是一个示例)。鼠标可以与非常敏感的点相交。在aframe中有没有解决这个问题的方法？非常感谢。
浏览 9提问于2017-08-10得票数 0
使用three.js上的资源和其他问题，我创建了一个GLTF模型，当鼠标在画布上移动时，它会跟随鼠标移动(请参阅下面的代码)。 然而，当在我的安卓手机上查看页面时，模型不会像在OrbitControls中使用时那样旋转以跟随触摸。我试着理解如何使用eventlisteners；touchstart，touchend和touchmove，因为我认为这可能是我需要的让它响应触摸事件的方法，但不幸的是，我不太擅长JavaScript，也不是three.js的新手。 一个有效的例子(尽管我不知道他们是否在使用three.js)会在这个页面上：https://garden-eight.com/。该模型
浏览 41提问于2019-06-02得票数 1
回答已采纳
我有一个简单的three.js图形，我尝试使用和问题中的答案来使创建的情节可以通过鼠标轮进行缩放。通过使用鼠标轮，我想放大到图形或放大。
以下是完整的代码：
然而，当转动鼠标轮什么都没有发生，我没有收到错误消息。也许我遗漏了什么？
浏览 17提问于2017-07-27得票数 5
回答已采纳
例如，如果我用鼠标指向场景中的一个圆圈，就能检测到这一点。我到处找遍了，似乎什么也找不到。Three.js文档也没有真正谈论它。
浏览 1提问于2015-08-19得票数 1
回答已采纳
three.js画布是一个500 x 500正方形的更大的网页与其他内容，我需要鼠标控制相机(缩放和旋转周围的对象)只有当鼠标在500 x 500正方形发生。
此外，我无法滚动网页，但当我们将鼠标事件侦听器隔离到500x500画布时，这个问题可能会得到解决。
当前代码：
<!DOCTYPE html>
<html>
<head>
<style>
div {
position:relative;
left:100px;
t
浏览 0提问于2012-12-02得票数 12
回答已采纳
根据的说法，webgl是由Safari和Chrome浏览器支持的iOS版本8.1到8.4。
从iPad (运行移动版的iOS 8.4)来看，似乎有许多运行良好。例如，在这个上，轨迹球通过(手指)触摸和拖动工作。然而，我无法让它对手指点击，或手指触摸/保持/发布作为鼠标(公平地说，这在我的Android4.1设备上也不起作用)。这个根本不运行在iPad上(但在我的Android4.1设备上运行得很好)。
令人惊讶的是，在手指点击(->(解释为)-> mouseclick )方面确实能正常工作，但不幸的是，它使用了Three.js (2013年开始的r60)的旧版本(不受支持)。
所以
浏览 1提问于2015-07-23得票数 2
回答已采纳
我想重新创建Three.js OrbitControl运动，无需单击和拖动，即简单地使相机跟随鼠标移动。
我试着从头开始重建它，但这太费劲了，因为问题是相机在三个轴上移动，而不仅仅是两个轴。我敢肯定有些人以前也这么做过。
具体来说，我希望相机在场景原点周围移动，与它保持相同的距离。
浏览 0提问于2016-09-06得票数 3
回答已采纳
在使用three.js时，我发现dat.gui.js和trackballControl.js之间存在冲突。例如，在通过dat.gui更改了值之后，我不能使用鼠标移动来旋转相机，因为鼠标不能从图形用户界面区域移出。为什么会发生这种情况，如何应对？
浏览 5提问于2017-07-24得票数 2
2回答
一个对three.js社区开放的问题。
据我所知，Three.js框架有不同的“增强”，比如OrbitControls.js，允许我们使用鼠标或触摸屏来探索3D场景。
现在我的问题是：
对于Three.js来说，还有另一个允许使用操纵杆、游戏垫或3D鼠标的“增强”吗？如果不是，您认为实现它们的功能有多容易或有多难？
浏览 7提问于2015-10-06得票数 2
回答已采纳
我一直在使用THREE.js开发一个粗略的图表工具，并使用THREE.js CSS2D工具为图表制作(可旋转和对MathJax友好的)文本标签。
我已经使用实现了对普通网格对象(例如立方体、球体、线条)的对象选择，它工作得很好。当鼠标指针位于CSS2D文本标签上时，它将更改为文本光标。但是，raycaster不选择任何CSS2D标签对象。相反，它“看穿”标签，并将选择一个网格对象，如果一个恰巧在标签的远端。
我想知道是否有人能告诉我，为CSS2D对象选择对象是否可行，我可能需要做些什么才能让它工作呢？
浏览 5提问于2020-11-26得票数 2
回答已采纳
我使用three.js通过一个数组和一个for循环生成了一堆球体。原始数组如下所示：
atoms = [
['Na', [0, 0, 0]],
['Na', [0.5, 0.5, 0]],
['Na', [0.5, 0, 0.5]],
['Na', [0, 0.5, 0.5]],
['Cl', [0.5, 0, 0]],
['Cl', [0, 0.5, 0]],
['Cl', [0, 0, 0.5]],
['Cl', [0.5, 0.5, 0.5]],
浏览 3提问于2013-07-03得票数 2
回答已采纳
1回答
我正在尝试修改全景等长方形播放器( )，以增加一些平滑的移动到相机。有没有可能让它像立方体中的例子( )那样移动，而不破坏鼠标按下时的移动，而是平滑地淡出？
浏览 0提问于2012-07-23得票数 3
我真的很难将右键单击上下文菜单添加到Three.js中的场景中。问题是，我的页面标题中也有一些HTML滑块，当我添加以下行时，滑块停止工作： document.addEventListener('mousemove', onDocumentMouseMove, false);
document.addEventListener('mousedown', onMouseDown, false); 此外，对于我所见过的示例，主要是在场景中的特定对象上单击鼠标右键。我只想要一个简单的解决方案，我可以在场景中的任何地方单击鼠标右键，然后弹出菜单。 有没有人能给我举个这
浏览 79提问于2020-08-25得票数 1
回答已采纳
我是three.js的新手，所以如果这个问题看起来有点复杂，我很抱歉。
所以我已经在three.js中设置了我的场景，但是我想让我的相机位置从A点平滑地动画到B点(我将在我的代码中指定A和B的位置)。我可能会使用Tween.js来简化相机动画。
我希望只要单击鼠标左键，相机的位置就会发生变化。因此，基本上，只要在场景中的任何位置单击鼠标左键，摄像机的位置就会从位置A切换到位置B，反之亦然。
然而，我甚至不确定如何复制这样的东西。我找到了关于如何在鼠标按下时改变位置的教程，但没有在鼠标被点击时在固定位置来回切换位置的教程。我不知道如果要这样做，我必须在我的代码的函数render()部分中做一个&
浏览 0提问于2016-10-22得票数 0
2回答
我已经编写了一个使用jsonloader和three.js显示多个网格的WebGL脚本，现在我想添加MouseOver和onClick事件。第一个是当鼠标悬停在网格上时简单地更改网格的颜色：
function render() {
requestAnimationFrame(render);
mesh.rotation.z += 0.090;
raycaster.setFromCamera(mouse, camera);
var intersects = raycaster.intersectObjects(scene.children);
f
浏览 0提问于2016-07-12得票数 14
回答已采纳
我正在看网站()上的例子，我看到他们正在沿着相对于相机的平面移动选定的立方体。我知道使用raycaster取消投影是如何工作的。我不明白的是，如何将此设置为始终沿地面(平面)移动对象，即使相机处于某个角度。这个想法是让用户使用鼠标沿地面移动对象，即使相机处于某个角度，并且没有完美地向下看。我刚开始使用Three.js，所以你可能想详细解释一下我遗漏了什么。或者，如果我没有解释清楚，也可以反问。
我的项目看起来像这样，我希望用鼠标来移动这些盒子。
浏览 6提问于2016-09-09得票数 1
回答已采纳
我在Three.js场景上面有一些菜单项，它们在鼠标上工作得很好，但是在移动设备上，它们不会收到任何触摸/点击。
html元素位于页面中，即如下所示
<div id='Three.js container' ></div>
<div id='menu' ></div>
以下是事件
document.addEventListener('mousedown', onDocumentMouseDown, false);
document.addEventListener('
浏览 1提问于2014-08-25得票数 0
我有一个页面，在单独的DIV中有多个Angular2组件，其中一个组件是使用OrbitControls的THREE.js场景。
当我用鼠标滚轮滚动或单击并拖动时，3D模型可以正确地旋转和缩放。但是，无论我的鼠标指针在哪里，都会发生这种情况。我需要能够使用鼠标滚轮在另一个组件中向下滚动列表。
如何将THREE.js场景的控件限制在其特定的组件或DIV中？
浏览 1提问于2017-02-23得票数 2
我在一个3D应用程序中组合使用three.js和OrbitControls.js。有时会使用未定义的摄像头调用WebGLRenderer.render。当我使用OrbitConrols提供的控件使用鼠标在3D模型中导航时，就会发生这种情况。未定义的摄像头参数很奇怪，因为我的animate函数(参见下面的代码)总是使用定义良好的摄像头调用WebGLRenderer.render。此外，在实例化OrbitControls时，我为它提供了一个定义良好的摄像头。所以问题是- WebGLRenderer.render怎么会在某个时候被一个未定义的摄像头调用呢？
注意：WebGLRenderer.rend
浏览 23提问于2016-09-25得票数 0
回答已采纳
1回答
我正在尝试向three.js场景添加触摸控件。我想将相机移动到用户触摸的任何方向。它在使用键盘时效果很好，因为你可以按住按钮，相机就会连续移动。但当我使用touchstart做同样的事情时，你必须一遍又一遍地点击屏幕才能移动，你不能像在键盘或鼠标上那样按住手指。
我看了一下touchmove，但如果你只是点击并按住不动，就不会有新的触动。
有没有类似于使用触摸事件按住键盘或鼠标键的东西？
浏览 31提问于2018-06-05得票数 1
回答已采纳
2回答
Canvas元素禁用
、、、、
我正在做一个使用Three.js的项目，在canvas元素(普通的旧div)上有一个菜单，但canvas元素在单击或滚动div时会收到输入。是否可以暂时禁用画布或所有鼠标与画布的交互。
目前我发现：
$('.submenu').on("mouseenter", function(event){
$("#canvas").css("pointer-events", "none");
});
$('.submenu').on("mouseleave", function(eve
浏览 0提问于2014-10-03得票数 0
如何在Three.js中使用鼠标在所有三个轴上旋转3D对象以及放大和缩小也应该是可行的。我不想把我的相机移到这里。通过使用鼠标，我应该能够观察到物体的所有侧面。由于我是three.js的新手，如果你能给我代码示例或任何类名，那就太好了。谢谢。
浏览 13提问于2017-02-17得票数 1
我正在尝试使用three.js创建一个类似于浏览器moba的游戏。我使用WASD进行移动，玩家的旋转跟随鼠标跟随mousemove，然后是lookAt()交叉。
问题：
当我开始快速移动鼠标，并做其他事情，如运动或射击，游戏开始滞后和缓慢明显。
如何提高游戏的性能，如果我为光线投射创建一个工作线程，使用其他的移动技术(例如右击移动)。你的建议是什么？
var mouseCallback = function(e){
if(e.clientX >= renderer.domElement.clientWidth-2){
mouse.x = 1;
} else {
m
浏览 0提问于2015-11-05得票数 4
我正在创建一个嵌套在网页上div中的three.js应用程序。我使用OrbitControls.js允许通过鼠标轮进行缩放.但是，使用鼠标滚轮会导致整个页面滚动。当鼠标在画布上时，我需要禁用滚动。
我从中找到了一个解决方案，就是向OrbitControls.js添加一些代码。此解决方案适用于Chrome和，但不适用于Firefox (这是我尝试过的唯一浏览器)。
对于同样适用于Firefox的解决方案，有什么建议吗？
我正在寻找的功能示例可以通过查看上面提到的问题中提供的来查看(除非您正在使用火狐)。
JavaScript：
var container = document.getElemen
浏览 7提问于2015-07-28得票数 1
回答已采纳
我开始学习three.js，现在我需要帮助。我正在尝试设置我的场景在div (没有在完整的文档)，没有缩放，与选项滚动文件的鼠标轮和缩放文件。所以我把它放到我的div中，现在它就在那里了，但是鼠标轮正在放大整个文档中的对象，我只能通过箭头或滚动条滚动。例如，我尝试了一个完整的例子- Youtube。就像Cube和youtube的视频一样。我增加了2个视频，所以它现在是立方体。顺便说一句，还有一个问题。如果文档的大小发生变化，则对象开始具有绝对位置，并且场景在整个文档中。
<!DOCTYPE html>
<html lang="sk-SK">
<he
浏览 1提问于2016-05-22得票数 0
回答已采纳
1回答
我正在用THREE.js编写一个简单的“我的复制人”。
然而，结果却是非常滞后的。
我使用盒子几何的体素，但我需要删除块，当他们被打破，需要使用鼠标拾取。
我听说加入几何学加速了它，但据我所知，这意味着你不能删除任何体素或使用鼠标拾取。
在THREE.js中加快速度的其他方法是什么？
浏览 2提问于2015-07-07得票数 1
回答已采纳
我正在编写一个使用Three.js的简单OrbitControls.js演示。目前，鼠标左键运行，鼠标右键平盘，鼠标中间按钮/滚轮娃娃(缩放)。但我想交换轨道和平移，使它们分别由鼠标右键和鼠标左键控制。是否有可更改此功能的配置设置？或者我必须深入研究代码才能改变这一点吗？
浏览 7提问于2014-10-03得票数 6
回答已采纳
2回答
我想用three.js制作鼠标移动的视差效果。基本上我想生成一堆云到画布上，并希望它们在鼠标移动时在x轴上移动。
因此，我已经尝试将云作为图像添加到场景中。我怎么才能将鼠标移动链接到这些云上呢？或者我应该以不同的方式将云添加到场景中？
我是如何添加云的：
var imgCloud = new THREE.MeshBasicMaterial({
map:THREE.ImageUtils.loadTexture('img/cloud.jpg')
});
imgCloud.map.needsUpdate = true;
// Clo
浏览 2提问于2019-10-17得票数 3
我用three.js在上面有一个有地球纹理的球体。虽然地球在y轴上自转(水平)，但我不知道如何根据鼠标的位置在它的垂直x轴上旋转球体。当鼠标放置在浏览器窗口的顶部时，地球应该显示北极；当鼠标位于屏幕底部时，地球应该显示北极。当鼠标在浏览器窗口内垂直移动时，它应该根据鼠标的垂直位置来显示两极之间的地球。
如何才能完成这种轮调？
这段代码设置了three.js场景，但是旋转的数学并不完全正确：
<html>
<head>
<title>Earth Rotation</title>
<style>
浏览 0提问于2018-09-28得票数 0
回答已采纳
10回答
我到处寻找与我的用例匹配的示例，但找不到一个。我正在尝试将屏幕鼠标坐标转换为3D世界坐标，同时考虑到相机。
我找到的解决方案都是做光线相交来实现对象拾取。
我要做的是将Three.js对象的中心定位在鼠标当前所在的坐标上。
我的相机在x:0，y:0，z:500 (虽然它会在模拟过程中移动)，我所有的对象都在z=0，x和y值不同，所以我需要知道世界X，Y，基于假设将跟随鼠标位置的对象的z=0。
这个问题看起来类似，但没有解决方案：
给定鼠标在屏幕上的位置范围为“左上角= 0，0 |右下角= window.innerWidth，window.innerHeight"，有人能提供一个解决方案
浏览 8提问于2012-10-25得票数 77
回答已采纳
我已经在Three.js中设置了一个光线投射器，它可以工作。 以下代码确定当您将鼠标悬停在场景中的对象上时发生的情况： function onDocumentMouseMove( event ){
mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
mouse.y = -( event.clientY / window.innerHeight ) * 2 + 1;
raycaster.setFromCamera( mouse, camera );
if (intersects.length > 0) {
浏览 19提问于2019-01-05得票数 1
我试着用鼠标点击坐标来画方墙，然后把它挤压出来。我已经通过点击现场来获取鼠标坐标。
var onDocumentMouseDown = function ( event )
{
//update the mouse variable
mouse.x = ( event.clientX / window.innerWidth ) * 2 - 1;
mouse.y = -( event.clientY / window.innerHeight ) * 2 + 1;
var vector = new THREE.V
浏览 3提问于2017-03-13得票数 1
回答已采纳
我在加载的Three.js文件上使用transformControls，它工作得很好，但是我的控制台每次鼠标悬停或使用TransformControls时都会记录我"TypeError: arrayi是未定义的three.js:180:9“，有人知道为什么吗？以及如何修复它？(就像说的那样，它完全有效，但它有点烦人，有点不专业)。
浏览 5提问于2016-11-23得票数 0
回答已采纳
我使用THREE.js CSS渲染，并在6 CSS3DObjects中创建了一个3D多维数据集。我一直在遵循这个示例来添加光线跟踪，这样我就可以知道鼠标在哪一边的代码。
function onDocumentMouseMove( event ) {
event.preventDefault();
let mouse3D = new THREE.Vector2(
( event.clientX / window.innerWidth ) * 2 - 1,
-( event.clientY / window.innerHeight ) * 2
浏览 0提问于2018-12-17得票数 1
回答已采纳
我试图通过将动画对象直接映射到鼠标滚动来控制场景中的动画对象的移动。
期望的效果是场景中有一些对象在移动，但是场景的进度/运动与.scrollTop()距离直接相关。
所需的交互将类似于这个示例：，但是有一个three.js场景。
可以用.scrollTop()距离来控制three.js场景的定时吗？
浏览 8提问于2016-05-26得票数 0
回答已采纳
嗨，我正在使用(Three.js库)进行网格翻译。我使用HTML滑块来更新值，这样就可以用JavaScript修改它。
我的例子：
这很好，但我不知道滑块的事件侦听器是怎么回事。基本上，这个函数是在onchange属性中，但是它看起来像onclick
<input type="range" value=n; min=n; max=n;
onchange="set_Radius()";
>
input type="range" value=n; min=n; max=n;
onchange="set
浏览 0提问于2019-02-01得票数 1
回答已采纳
2回答
我一直在寻找如何做到这一点，但几乎没有关于three.js的文档。有没有人知道如何用鼠标右键点击？这就是我现在所拥有的：
function onDocumentMouseDown(event)
{
mouseDown = true;
event.preventDefault();
mouseX = event.clientX - windowHalfX;
mouseY = event.clientY - windowHalfY;
document.addEventListener('mousemove', onDocumentMou
浏览 1提问于2013-04-26得票数 4
回答已采纳
在three.js中，当鼠标被放大时，文本就会相应地放大和缩减。
var texture = new THREE.Texture( canvas );
var material = new THREE.SpriteMaterial ( { map: texture, transparent:false } );
var sprite = new THREE.Sprite( material );
当鼠标缩放时，如何防止文本大小的变化？
浏览 4提问于2013-12-05得票数 9
回答已采纳
我想在Three.js场景中使用鼠标交互地绘制/删除自定义形状(矩形、圆形)。如果可能的话，请告诉我好吗？
浏览 9提问于2017-07-09得票数 0
嘿，我正在通过three.js加载一个FBX动画，我想要的是在鼠标滚轮滚动上播放动画。
如下所示：
浏览 6提问于2018-09-30得票数 0
我正在学习three.js，现在我可以像一个可以被鼠标移动的立方体一样编写演示程序。
我下一步要做的是一个Google Earth in浏览器，它将使用Google Maps API来获取图像并在浏览器中渲染它们。
但是我不知道从哪里开始，我看过three.js的文档，但它只列出了接口名称和参数，没有解释它们是做什么的……
我的问题是，我应该学习three.js的哪一部分来实现我想要的东西？
浏览 1提问于2011-10-24得票数 1
我想用光线投射来选择对象，但每次我想在three.js图形用户界面上选择一些东西时，鼠标事件就会被触发。我怎么说“如果Gui在对象的前面，就不要触发”。 document.addEventListener( 'mousedown', onDocumentMouseDown, false ); function onDocumentMouseDown( event ) { if (event){} 图形用户界面是一个普通的three.js图形用户界面，如下所示： gui = new GUI( { width: 330 } );
浏览 16提问于2019-10-02得票数 2
回答已采纳
2回答
当我将鼠标悬停在Three.js元素(即球体)上时，如何创建工具提示。
我有一个3D散点图，每次我将鼠标移到散点图中的球体上时，我希望弹出一个工具提示。
如何在纯WebGL中创建此工具提示？
如何使用DOM实现它？
浏览 2提问于2018-07-10得票数 1
我使用JSONloader在three.js中加载模型，它工作得很好，唯一的问题是步骤或甚至文档，这将帮助我预先加载纹理(这是图像)，以便我创建一个交互(用鼠标点击切换图像)。
var loader = new THREE.JSONLoader(),
callbackKey = function(geometry,materials) {createScene(geometry,materials,0, 0, 0, 25)};
loader.load("3dmodel/Converse_obj/converse_obj.js", callbackKey);
浏览 1提问于2017-04-18得票数 0
我制作了一些用three.js实现的三维图形项目的网站。
我必须使用OrbitControls放大/缩小鼠标轮。(现在我正在使用它)
但是我想知道OrbitControls有一些特性可以让相机跟随鼠标指针吗？
参考站点在这里：https://50-jahre-hitparade.ch/
访问该站点并移动鼠标指针，摄像机将跟随鼠标指针。
我想实现100%与上述网站的相机移动相同。
有什么解决办法吗？
谢谢。
浏览 2提问于2018-09-13得票数 0
回答已采纳
我有一个用three.js制作的二维平面图
我用这样的方式增加了形状：
var geometry = new THREE.Geometry();
geometry.vertices.push(
new THREE.Vector3(50, 0, 90),
new THREE.Vector3(130, 0, 95),
new THREE.Vector3(74, 0, -50)
);
geometry.faces.push(new THREE.Face3(0, 1, 2));
var material = new THREE.MeshBasicMaterial({ colo
浏览 0提问于2018-04-17得票数 0
回答已采纳
我尝试过(因为我对3D几何学的理解很差，很不幸地没有时间钻研)为three.js构建一个类似GoogleEarth的控件，但没有成功。也许有人能帮我，或者已经有了。无论如何，我认为这将是对three.js库的一个很好的补充。
下面是我正在尝试构建的特定功能：
鼠标滚轮对鼠标光标放大
通过按住移位来旋转场景。
按下鼠标左键即可。
作为奖励:在上面的1和2操作中显示一个小目标图标。
我对1有很大的麻烦，也没有尝试2。平移很容易(有很多例子)。
现在，我无法放大到场景，以便它保持固定在光标下(因此我可以指向屏幕的右上角，放大，仍然可以看到我在光标下有什么)。
我事先谢谢你，亚
浏览 10提问于2012-07-29得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
