为什么three.js全局变量相机的旋转没有改变，而位置却改变了？
three.js是一个用于创建和展示3D图形的JavaScript库。在three.js中，相机是一个重要的概念，用于决定场景中哪些物体应该被渲染以及它们在屏幕上的位置。相机有两个关键属性：位置（position）和旋转（rotation）。
当你改变相机的位置时，你实际上是改变了相机在场景中的位置，从而改变了相机所看到的物体的位置。这是因为相机决定了观察者的视角，而改变位置会改变观察者的视角。
相反，当你改变相机的旋转时，你只是改变了相机的方向，而没有改变相机在场景中的位置。这意味着相机仍然位于相同的位置，但是它的方向已经改变了。因此，相机的旋转不会改变物体的位置。
综上所述，改变相机的位置会改变物体的位置，而改变相机的旋转只会改变相机的方向。这就解释了为什么在three.js中改变相机的位置会改变物体的位置，而改变相机的旋转不会改变物体的位置。
关于three.js的更多信息和相关产品，你可以访问腾讯云的three.js产品介绍页面：腾讯云three.js产品介绍
相关·内容
1回答
为什么three.js全局变量相机的旋转没有改变，而位置却改变了？
javascript、three.js
我正在试着移动相机并使它在自己的轴上旋转。虽然位置更改工作正常，但旋转不起作用。以下是我的部分来源：
var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1,我只有一个全局var camera，并且position可以在main()中工作，但旋转不能。
浏览 14提问于2016-07-22得票数 0
回答已采纳
1回答
Three.JS:旋转摄像头，更改LookAt
camera、three.js
我们最近开始使用Three.js，我们在使用OrbitControls时遇到了一些困难。过去有没有人遇到过这样的要求？
浏览 2提问于2016-02-23得票数 1
1回答
Three.js相机旋转很奇怪
camera、rotation、three.js
我刚从Three.js开始。就像刚才一样。试试:把camera.rotation.x关小一点。
这是可行的，但旋转的角度是错误的！它不是相机旋转，而是围绕Z轴<em
浏览 0提问于2012-01-21得票数 1
回答已采纳
1回答
等矩形映射球保持位置的Three.js轨道控制
three.js、rotation
我用three.js将一个等长方形的图像映射到一个球体上，把相机放在球体的中间，并且正在使用OrbitControls来处理像缩放和旋转这样的事情。这一切都非常有效，直到我想以编程方式调整相机所看到的(我在camera.target之间)，这最终改变了相机的位置，我相信。这里的问题是，当你旋转的时候，你就会离开球体。我可以剥离O
浏览 2提问于2017-05-24得票数 0
回答已采纳
1回答
three.js -光线移动时不更新场景照明
dynamic、three.js、light
我有一个简单的THREE.js场景，我想要一个点光动态移动与相机。该动作运行良好，但现场的照明没有立即更新。当我改变相机的位置(因此光的位置)，它需要一些时间(大约。直到场景中的灯光在新的灯光位置上正确呈现。我已经更新了每个帧中灯光的矩阵/矩阵世界。是否需要进一步更新？如何告诉Three.js光<em
浏览 3提问于2013-12-09得票数 1
回答已采纳
1回答
三次js Object3D旋转
javascript、three.js、euler-angles
当我旋转一个相机物体时，有一个旋转属性有x，y，z值。我想知道物体三维旋转中的x，y，z是从哪里来的？我知道x，y，z表示物体欧拉角的半径，但根据链接three.js文档的规定：α和γ的范围涵盖2π半径，β的范围涵盖π半径。然而，所有x，y，z的范围仅包括测试时的π半径。从最初的x=0，y=0，z=0，直查开始，为什么只有x值<
浏览 1提问于2016-10-26得票数 0
1回答
三维glTF模型的三角加载
angular、three.js、gltf
我现在挣扎了一段时间，想把我的头围绕着three.js，以及如何使用角度导入3D模型。我做了一个工作的CodeSandbox。
我只是不明白为什么3D模型没有出现。我尝试了多个模型，改变了相机的位置，改变了模型的位置，并扰乱了相机<
浏览 2提问于2020-05-05得票数 2
回答已采纳
1回答
Three.js设置摄像机(或Object3D)沿自身特定轴的旋转角度
3d、camera、rotation、three.js
我正在使用Three.js。我有一个相机，它是通过以下方式移动和旋转的：
经过一些运动和旋转，我想重新设置相机的上/下旋转(即它既不会看天空或地面)，以便它是水平观看，
浏览 4提问于2015-10-09得票数 0
1回答
Three.js(版本102)如何使用OrbitControls设置摄像头的默认位置和旋转
javascript、three.js、orbit
我创建了一个场景，没有使用OrbitControls，一切都很好。当我使用OrbitControls时，我发现我的相机的位置和旋转已经改变了，我不能修改它。有人能告诉我如何用OrbitControls设置相机的默认位置和旋转吗？ 谢谢! ?
浏览 212提问于2019-03-23得票数 0
回答已采纳
2回答
如何控制Three.JS中网格的偏航和螺距？
javascript、3d、three.js
我有一个网格，它的偏航和音高，我想被用户的输入控制。我天真地尝试围绕z和y轴旋转网格，这似乎控制了偏航，但上下是不稳定的。(keys.up) spaceship.rotation.y += .05;}
我如何使左右控制飞机的偏航和上下控制俯仰更新：我简化了wagerfield提到的FlyControls.js，因此它只服从我的游戏垫和处理旋转。下面是我最后
浏览 0提问于2013-06-10得票数 0
回答已采纳
2回答
为什么有些变量发生了变化，而有些却没有变化？
python
为什么变量a，c，d没有改变，而b却改变了？func_c(c)print('a = ', a)print('c = ', c)我认为这与所有变量都是全局变量这一事实有关，但我不明白为什么b会改变。
浏览 4提问于2022-11-30得票数 1
1回答
Three.js定位和引导相机
javascript、three.js
对我来说，经过几个小时/几天的搜索，在Three.js中找到这样一个核心问题的答案是不可能的: 1)相机的位置(=我的眼睛) 2)相机的方向(我的眼睛) 3)我的头的方向。生成相机(我们忽略相机角度，近/远，aso)。前两个旋转在同一个轴上，可以在一个步骤中完成。第二次旋转
浏览 2提问于2017-11-08得票数 0
1回答
Three.js -当相机以90度的角度旋转时，为什么在x轴和z轴上旋转也有同样的效果？
javascript、math、3d、three.js
我正在构建第一人称射击游戏的基本原理，这样我就能理解所有的东西是如何工作的，主要是3D数学。，为什么会发生这种情况？，为什么不按x轴旋转，使相机“滚动”，按z轴旋转，使相机上下看？我有一个发生这种情况<
浏览 5提问于2014-07-25得票数 0
回答已采纳
1回答
three.js对象消失
3d、javascript、three.js
我对3D框架没有太多的经验--但是在玩three.js的时候遇到了一些(对我来说)有点奇怪的事情，我想知道为什么会发生这种情况。我用下面的代码在屏幕上呈现数字"1“。，所以我可以沿着z/x/y轴旋转和移动。当我把相机移过"1“的时候，把相机转180度--这个数字就消失了。所以相机就在它后面，但是我确实改变了相机面对的
浏览 0提问于2015-08-27得票数 0
1回答
第一人称摄像机:问题
c++、3d、directx、camera、directx11
我创建了一个简单的照相机类，将它从我的C# (XNA)源移到C++ for d3d。
通常情况下，这是可以的，但旋转有问题。如果我增加它的俯仰/偏航值，根据接收到的玩家的鼠标增量(光标移动)，它旋转不正确。它绕着“世界中心”旋转，而不是位置。如果我改变相机的位置，“世界中心”就变了。
浏览 0提问于2013-07-27得票数 0
回答已采纳
2回答
移动摄像机并在三个js中更新它的orbitControl
javascript、three.js
我试图改变相机在代码中的位置，并在此基础上更新控制器。camera.position.x = 20;但这根本行不通！controls.update()重置相机位置！以为例，只需声明控制器退出init()函数(以便您可以在控制台中调用它)，在控制台中运行：controls.update();
相机的位置将重置，不会改变<
浏览 1提问于2018-10-02得票数 3
回答已采纳
1回答
ThreeJS:如何将一个对象的旋转复制到另一个对象
three.js
我有两个画布，其中两个画布有两个不同的对象。我试着把一个物体旋转到另一个物体上。在这里，第二个画布对象充当一个viewcube，它只应该在object_1被旋转时旋转。我试过把一台相机的旋转设置成另一台，但我似乎无法做到。
浏览 6提问于2020-02-06得票数 4
回答已采纳
2回答
旋转类似OrbitControls的对象，但仅旋转对象本身
three.js
我们爱three.js！这是我们几年前用它创建的一个页面。页面加载后，用户可以拖动和旋转对象。但这真的是一个骗局。我们使用环绕控制来围绕场景旋转相机，因此我们的主要对象在场景中居中(位置x，y，z都等于0)。如果我们没有将物体放在中心，它开始看起来旋转不均匀，因为相机现在绕着物体没有的中心旋转。所以，我的问题是.
浏览 5提问于2018-04-12得票数 2
2回答
Three.js -将物体绕某一轴旋转
three.js
我使用了THREE={修订：“68”}当我改变位置时，OBJECT_X：CubeGeometry.applyMatrix( new THREE.Matrix4().makeTranslation( 20,Cube_height/2, 0 ) );
对象仍按"z“轴旋转，因为i设置：OBJECT_X.rotation.z += 0.3*Math.PI/30;问题：允许围绕这个对象放置的轴旋转
浏览 1提问于2014-10-09得票数 1
回答已采纳
4回答
使用Three.js
three.js
上下文:尝试使用THREE.js并使用它来显示二次曲线。
方法:创建一个顶点网格，然后将face4连接到所有顶点。使用两个面来产生正面和背面，这样当圆锥曲线旋转时，相机从哪个角度观察它就不重要了。遇到的问题: 1.试图找到一种创建直观的鼠标旋转方案的好方法。如果你在球坐标下思考，那么感觉就像是做向上/向下改变φ和左右改变φ就可以了。但这需要你可以移动摄像机。据我所知，除了对象之外，没有办法主动改变<
浏览 1提问于2011-03-04得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
