在three.js中旋转摄像头不能正常工作
在three.js中，旋转摄像头不能正常工作可能是由于以下几个原因导致的：
- 摄像头对象未正确添加到场景中：在使用three.js创建场景时，需要将摄像头对象添加到场景中，以便能够对其进行操作和渲染。可以使用
scene.add(camera)将摄像头对象添加到场景中。 - 摄像头的位置或目标设置不正确：摄像头的位置决定了观察者的视角，而目标则决定了观察的焦点。可以使用
camera.position.set(x, y, z)设置摄像头的位置，使用camera.lookAt(target)设置摄像头的目标。 - 旋转角度或旋转轴设置错误：在three.js中，可以使用
camera.rotation属性来设置摄像头的旋转角度。如果旋转角度不正确，可能会导致摄像头无法正常工作。此外，还可以使用camera.rotateOnAxis(axis, angle)方法来绕指定轴进行旋转。 - 渲染器或动画循环设置有误：在使用three.js进行渲染时，需要创建一个渲染器对象，并将其与HTML文档中的画布元素相关联。同时，还需要在动画循环中更新摄像头的位置和旋转角度，以实现动态效果。可以使用
renderer.render(scene, camera)方法将场景和摄像头渲染到画布上。
综上所述，如果在three.js中旋转摄像头不能正常工作，可以检查摄像头对象是否正确添加到场景中，摄像头的位置和目标是否设置正确，旋转角度和轴是否设置正确，以及渲染器和动画循环是否正确配置。如果问题仍然存在，可以进一步检查代码逻辑和调试错误信息。
相关·内容
我在场景中有一些物体，并使用OrbitControls在场景中移动相机。我已经找到了一些理想的相机位置/旋转来进行漂亮的渲染，所以我读取了相机的位置和旋转，并尝试直接在搅拌器中输入它们以获得相同的视图。
从three.js粘贴到搅拌器相机的位置工作得很好-我得到的位置与three.js中的轨道相机相同。旋转以不同的方式工作，即使要记住Y和Z是交换的。它不应该以同样的方式工作吗(只是切换Y和Z)？
如果不是这样，如何转换这些值，以便能够将搅拌器摄像头设置在与three.js相同的位置？这是我在github上写的帖子和一些截图：我应该如何读取相机旋转，这样它们就会像three.js一样旋转相机？我
浏览 13提问于2013-04-20得票数 5
3回答
我正在使用这个功能，它不能正常工作。编码使用three.js
function rotate(){
camera.rotation.x+=0.1;
}
。如果我在渲染函数中添加这个函数，它只工作一次，而不是正确的，这意味着鼠标移动上的旋转函数事件是错误的，或者是在另一个中心。我需要的是当点击按钮时，旋转x，y，z轴上的摄像机。有什么想法吗？
浏览 3提问于2015-01-07得票数 2
回答已采纳
1回答
基于摄像机旋转的弹丸旋转
、、、
我一直在做一个使用three.js和flightcontrols.js的小空间模拟器演示(three.js附带的一个示例)
该演示可通过以下网址查看：
控制方案非常简单--鼠标控制摄像头，你左键点击就可以发射一发子弹。
我在如何产生我的弹丸上遇到了一点小麻烦。目前，我正在将它们的旋转设置为与我的相机相同的旋转，我认为这是导致我的问题的原因。
您将注意到，当您在游戏世界中旋转相机并继续发射投射物时，投射物的位置和方向很快就会变得古怪。
我使用四元数来表示相机的旋转，但在设置投射物旋转以匹配相机之前，我也从四元数推导出欧拉角。
你知道我哪里做错了吗？我有一种感觉，我需要从我的相机旋转中找出一个恒定
浏览 1提问于2013-03-04得票数 0
回答已采纳
1回答
当我在像素中打开摄像头时，摄像头视图是不同的，但在手机设备中它的工作正常，请帮助我解决。手机中摄像头相对于标签的位置不同。因此，图像保持垂直，并且不会随手机旋转90度。
return new AspectRatio(
aspectRatio: controller.value.aspectRatio,
child: new CameraPreview(
controller,
),
);
浏览 1提问于2018-07-06得票数 0
我正在使用CameraControls ( Camera -controls)包在Three.js上管理摄像头
当空间Y轴向上(camera.up.set(0,1,0))时，它可以正常工作，但当Z轴设置(camera.up.set(0,0,1))时，它停止按预期工作。
有什么线索可以让CameraControls包在z轴上工作吗？
浏览 8提问于2018-09-09得票数 0
无论如何，我对three.js javascript库和一般的3D工作都是非常陌生的。
我已经用搅拌器创建了一个非常简单的场景，并将其导出为collada (.dae)文件。当使用three.js collada加载器(使用THREE.ColladaLoader)导入时，场景中的对象会出现，但不会应用旋转。
例如，我在我的场景中有一些圆柱体，一些是我画的没有处理的圆柱体，一些是我从原稿复制的圆柱体，还有一些是从原稿复制的圆柱体，然后旋转90度。所有对象都会出现，但场景中旋转了90度的对象不会显示为旋转。这就像是在应用旋转。
快速浏览一下.dae文件，旋转信息似乎就在其中。当使用其他工具预览.d
浏览 3提问于2012-02-02得票数 1
回答已采纳
1回答
在processing.js中从摄像头生成图像后，只要我尝试在舞台/画布上进行旋转，我就会得到一个“未捕获的函数:未定义的不是函数”。没有旋转，代码就能正常工作。并且在“正常”处理中运行良好。有什么想法吗？我不是在转换摄像头的图像，而是它的一个副本。但似乎在它失败的地方，只有在它之后添加旋转-在网络摄像头图像的副本上。有什么想法吗？几周来我一直在用头来对付这件事...
void setup() {
size(800, 600,P3D);
ctx = externals.context;
}
void draw() {
pushMatrix();
ctx.dra
浏览 1提问于2014-05-30得票数 0
请参阅此链接www.naamdesign s.com/arv
每次单击任何链接时，我都想将球体旋转回其原始位置。我正在试着重置摄像头的位置并使其正常工作。但我不能在重置旋转之间进行补间。该怎么做呢？
function camreset(){
//var object = new THREE.Object3D();
new TWEEN.Tween( camera.position )
.to( controls.reset() ,5000)
.easing( TWEEN.Easing.Exponent
浏览 3提问于2015-02-22得票数 1
1回答
我使用这个库的时间很短，我有一个问题要了我的命。
我有两个立方体，一个是phisy.js的，另一个是three.js的，我有一个函数可以在你按下A、S、D或W键时根据相机的旋转来旋转它们，我的代码是这样的：
var v = new THREE.Vector3(0, 0, 0);
if (keys.forward === 1)
v.x = -1;
if (keys.right === 1)
v.z = 1;
if (keys.backward === 1)
v.x = 1;
if (keys.left ===
浏览 7提问于2014-12-26得票数 0
新手stackoverflow参与者，新手3D程序员，远不是数学高手...因此，我将尽可能清晰地阐述这个问题，希望它有意义，并希望得到一个不会超出我的理解的答案。
我用three.js写了一个很酷的应用程序，可以让用户在3D空间中飞行，探索太阳系。飞行模型在很大程度上基于three.js包中的Fly.Controller示例/扩展，它教会我使用四元数来保持所有轴相对于彼此的旋转是合理的。飞行部分都工作得很好。
这是我的两难境地:当使用四元数时，我如何推断“正常”(我不知道还可以叫它什么)旋转值来确定我面对的方向？当使用四元数时，摄影机对象内部的“旋转”结构保持为0,0,0。因此，虽然我可以自由
浏览 0提问于2013-01-05得票数 8
回答已采纳
我正在试着移动相机并使它在自己的轴上旋转。虽然位置更改工作正常，但旋转不起作用。
以下是我的部分来源：
var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 100000);
function camera2() {
this.main = function () {
var camPos = spline.getPoint(camPosIndex / 1000);
camera.position.x = camPos.x;
浏览 14提问于2016-07-22得票数 0
回答已采纳
我正在使用three.js库中的objloader在浏览器中渲染一个立方体。我有它的工作很好，但加载一个新的修订从git (版本55)，我不能得到它的权利。该多维数据集不会在浏览器中显示。我也使用了git的demo obj loader，但没有任何改进(摄像头的位置也没问题)。objloader不再为我工作，甚至很难，它工作于演示模型(male02.obj)...Did在加载程序中有什么变化？
浏览 0提问于2013-02-04得票数 0
回答已采纳
我正在构建一个类似threeJs编辑器的应用程序。我有四个摄像头，每个摄像头都有不同的名称和位置，其中一个摄像头是
cameras['home'] = new THREE.CombinedCamera(window.innerWidth / 2, window.innerHeight / 2, 70, 1, 1000, -500, 1000);
cameras['home'].lookAt(centerPoint);
当我使用raycaster来处理选定的摄影机时
raycaster.setFromCamera(mouse, selectedCamera);
v
浏览 0提问于2016-10-24得票数 2
1回答
Cocos3d和增强现实
、、、
我想在我的iPhone应用程序中添加来自cocos3d的3D对象，作为增强现实的摄像头覆盖。我给CC3Scene找了个模特。我创建了motionManager捕获来获取设备摄像头方向的信息，然后在-(CcTime)更新中：(CcTime)dt我正在尝试更新cocos3d场景中摄像头的位置(场景的向上方向是Z轴)：
-(void) update:(ccTime)dt
{
CMDeviceMotion *currentDeviceMotion = motionManager.deviceMotion;
CMAttitude *currentAttitude = currentDev
浏览 1提问于2012-07-20得票数 3
回答已采纳
我想用基于位置的标记来增加固定摄像头的图像。这将添加到已经在其他部分使用three.js (通过)的现有React应用程序中，因此这些技术将被重用。
虽然计算标记(已知位置)相对于摄像机(已知位置)的位置还很遥远，但I正在为相机的配置而奋斗，以便在“真实”对象和AR标记之间获得良好的视觉匹配。
我创建了一个来说明这一挑战。
下面是我配置相机的尝试：
const camera = {
position: [0, 1.5, 0],
fov: 85,
near: 0.005,
far: 1000
};
const bearing = 109; // degrees
浏览 6提问于2020-01-14得票数 0
回答已采纳
我正在研究。一切正常，但我想通过调用以下命令来切换摄像头，即从前置摄像头切换到后置摄像头：
if (getCurrentSession() != null)
getCurrentSession().switchCapturePosition(null);
它成功地切换了摄像头，但在另一边，即对手的远程videoview上，视图旋转了180度。此外，本地的videoview也是旋转的。我尝试使用：
local_ongoing_call.setVideoViewOrientation(-90);
但是，它旋转了我这一端的视图，而对手仍然拥有相同的旋转视图。需要帮助！
浏览 1提问于2015-10-28得票数 0
我已经在three.js上寻找第一位玩家轮换的帮助了一段时间，但是大多数的答案都已经过时了，因为现在更新的库中并不存在这些功能。
我试图使我的代码运行，这样相机将围绕自己的轴旋转，根据鼠标在屏幕上的位置。
目前的轮调代码是：
var scale = 10;
function viewKeys(){
document.addEventListener("mousemove", MouseMove, true);
function MouseMove(event) {
mouseX = event.clientX - divOffsetWidth;
mou
浏览 1提问于2018-01-06得票数 1
回答已采纳
1回答
Qt OSX不正确的鼠标行为
、、、、
我的应用程序使用OpenCV、OpenGL和Qt来显示网络摄像头提要。它在Ubuntu上运行得很好(点击按钮可以正常工作)，但在OSX上似乎有一个UI问题。窗口显示，但我不能点击，我只是快速获得加载旋转的风车，它不会停止，直到我强制退出应用程序。以前有没有人遇到过这个问题？
浏览 0提问于2012-12-21得票数 0
回答已采纳
我创建了一个Three.js场景，其中有一个可以使用OrbitControls旋转的地球仪(具有地球纹理)。
我想要贴在地球上的一个位置上的标签，即“澳大利亚”标签，它被钉在澳大利亚中心的纬度和经度上，当使用OrbitControls时，这个标签就会跟着地球物体移动，这样引脚就会保持在它的位置之上。
由于各种原因(更容易管理内容，更易于风格等等)我需要这些标签是HTML元素(而不是THREE.Sprite )。这使得事情变得更加棘手(在我看来)，因为Three.js对象很容易在一起旋转，但是HTML不会。
对于你来说，理解我想要的最简单的方法是看一个例子，所以下面这个链接就是我想让我的地球仪工
浏览 2提问于2018-12-03得票数 0
回答已采纳
我在three.js 69中使用这样的函数
function Point3DToScreen2D(point3D,camera){
var p = point3D.clone();
var vector = p.project(camera);
vector.x = (vector.x + 1) / 2 * window.innerWidth;
vector.y = -(vector.y - 1) / 2 * window.innerHeight;
return vector;
}
当我保持现场不动的时候它就能正常工作了。但是当我旋转场景时
浏览 2提问于2015-04-23得票数 1
回答已采纳
我正在尝试使用Object3D旋转加载到OBJMTLLoader中的网格。
var obj = new THREE.Object3D();
// loading and stuff
obj.rotation.y += 0.1; //inside the update function
它可以正常工作，但只适用于y和z轴。使用相同的代码，但x轴产生的结果与围绕z轴旋转相同，但顺时针方向而不是逆时针方向。
不幸的是，我需要把它绕x轴旋转。
var xAxis = new THREE.Vector3(1,0,0);
obj.rotateOnAxis( xAxis, 0.1 );
这确实使物体绕x轴
浏览 2提问于2015-04-09得票数 1
回答已采纳
我有一个带有球体的主场景和另一个子窗口(在右下角)，在那里我已经绘制了主场景的(x，y，z)轴。
在这个子窗口中，我想在每个轴上绘制标签"X“、"Y”和"Z“(更精确地说，位于每个AxisHelper的末端)。我知道如何使用TextGeometry，但问题是我无法让这些标签旋转，以使它们始终显示在用户面前。
你可以在下面的链接中看到这个问题:标签"X“相对于轴是固定的，并且与摄像头一起旋转，所以它并不总是面对用户。
从这两个链接和中，我尝试添加(在我的示例中，我尝试仅使用"X“标签)：
function addLabelAxes() {
// Ax
浏览 60提问于2016-05-05得票数 18
回答已采纳
1回答
将摄像头流作为纹理直接获取到WebGL中最有效的方法是什么？ 标准流程(如Three.js中所述)是使用视频标记，然后在canvas标记中操作它，然后从canvas到WebGL。 这增加了CPU开销，Chrome会让工作人员将图像数据从摄像头发送到GPU (例如，每秒30次)。 有没有办法更有效地完成这项工作，并减少CPU上的渲染/处理？
浏览 89提问于2019-06-18得票数 4
我是three.js的新手，如果这是一个愚蠢的问题，我很抱歉。
问题是我有一个相机，我想用箭头键旋转它。左右(偏航)旋转似乎像例外一样工作，但是当角度不是0时，相机似乎不能正确地上下旋转(俯仰)。我已经看到这个问题被解决了，他们解决的方式是three.js如何处理他们的欧拉角，因为他们有一个特定的顺序。(YXZ)但是我尝试过：
camera.rotation.y = AngleY;
camera.rotation.x = AngleX;
camera.rotation.z = AngleZ;
我也尝试过使用向量和camera.target.lookAt，但由于camera.target已被移除
浏览 6提问于2017-01-10得票数 1
回答已采纳
2回答
Three.js相机旋转顺序
、、、、
我试图使用一个游戏垫旋转相机在Three.js，使用第一人称射击风格的控制。
浏览器检测游戏板并识别它的输入，但是相机的旋转顺序是错误的。当我在相机的局部Y轴上旋转时，它也考虑到了局部的X旋转，这是不必要的。
我想要的：
正在发生什么：
看起来我和有同样的问题，但是他的问题是用Three.js r54解决的，而我是用r60解决的。他将camera.eulerOrder = "YXZ";设置为使其正常工作，但目前的等效camera.rotation.order = "YXZ";似乎对我不起作用。
我知道Three.js的内建"FirstPe
浏览 6提问于2013-09-06得票数 2
回答已采纳
所以我有一个名为'transform‘的Matrix4()，它已经应用了一些操作。我可以链接多个旋转和平移，它似乎工作正常。但是，然后我想要应用最后一个旋转，但就是不能让它工作。我正在使用下面的代码。(A)、(B)和(C)处的位置值相同。为什么没有应用旋转？我试着在不同的x，y，z轴上旋转。我不确定代码中是否有bug，或者我的预期是不正确的。 编辑:我真正想要的是平移/旋转点的最终x，y，z是什么。我原以为这会来自setFromMatrixPosition，但也许是别的什么呢？ EDIT2:已尝试： let position = new THREE.Vector3();
positi
浏览 45提问于2018-12-19得票数 0
1回答
在一个three.js项目中，我使用了一个修改过的PointerLockControls.js版本来控制相机。我想修改旋转功能，这样相机就没有绝对的“向上”轴旋转，而是向上或向下移动鼠标将无限期地倾斜，左右偏航(以及滚动的关键点)也是如此。
我似乎不能让偏航组件工作，因为它似乎绕着同一个轴旋转，而不考虑俯仰。(例如，当脸朝上时向左或向右移动将会旋转相机)
任何正确方向的帮助都是很棒的！
浏览 4提问于2013-11-29得票数 1
1回答
我试图在javascript中实现延迟的摄像头查看器，使用Three.js实现WebGL功能。
我需要存储从摄像头抓取的帧，以便在一段时间后(几毫秒到几秒)就能显示出来。我可以在不使用Three.js的情况下使用canvas和getImageData()来完成这个任务。你可以找到。
我试图找到一种不用画布，而是使用Three.js Texture或DataTexture对象的方法。。问题是，我无法找到如何将图像从Texture (image类型为HTMLVideoElement)复制到另一个。
在rotateFrames()函数中，旧帧应该丢失，更新的帧应该替换，就像FIFO中的那样。但这条线
浏览 8提问于2012-09-25得票数 3
回答已采纳
1回答
我正在Three.js上的一个Three.js编辑器中工作，我想知道如何将导入的.Stl文件“粘贴”到网格中，这样它们就不能在网格上半上半下，甚至不能在网格上或下面浮动。我需要一些东西来检查我的对象的最低部分是接触网格还是类似的东西。
问题是，我能从我的文件中得到的唯一位置是它们的来源，一个小点通常位于它们的中心，但并不总是这样，如果我将它放置到Y=0-网格y位置-sometimes a部件在一个较低的位置(并且我有旋转和调整大小选项)。
知道吗？
浏览 3提问于2016-11-21得票数 0
回答已采纳
在这里我用立体摄像头three.js做了室内虚拟现实，在桌面浏览器中它工作得很好，但在移动浏览器中网格变得闪闪发光，抗锯齿不起作用，请帮助我，
提前感谢
浏览 1提问于2016-06-01得票数 0
在OpenCV上使用VideoCapture类时如何旋转摄像头？(Android上的人脸检测示例)。我使用以下命令旋转画布：
if (getResources().getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT)
{
Matrix matrix = new Matrix();
matrix.preTranslate(
(canvas.getWidth() - bmp.getWidth()) / 2,
(canvas.getHeight() - bmp.getHeight()
浏览 3提问于2012-10-18得票数 10
1回答
我已经放弃了在Three.js中围绕着我的场景旋转相机的尝试，现在我决定回到我以前在XNA中所做的事情，只需旋转除相机之外的所有东西。
我放弃的原因是因为我不能让相机在整个轴上运行360度，它从顶部或底部开始倒转。使用THREE.OrbitControls并不能解决这个问题，因为它只是限制了问题轴上的旋转，而不是解决问题。
我现在的问题是让另一个旋转故事起作用。我所做的是把所有的物体，除了相机在另一个物体"rotSection“，我现在只是旋转那个物体。这是工作的，但旋转总是根据旋转物体的相对(0，0，0)位置，这个位置似乎总是停留在一个角落，但我想在我的世界中心旋转，而不是在边缘。相
浏览 4提问于2014-07-10得票数 0
回答已采纳
1回答
在使用convert_obj_three.py将模型转换为THREE.js后，我将模型从3ds Max导入到JSON中。模型将保留其在3ds Max文件中的旋转。我想要的模型没有任何旋转应用到他们。有没有办法在Three.js (或3ds Max )中将旋转重置为零？
浏览 5提问于2012-12-23得票数 1
回答已采纳
2回答
我正在和我的团队开发一个增强现实应用程序。我们决定选择phonegap作为开发we应用程序的框架。我们使用Three.js框架将增强现实绘制到画布中。
我的问题是如何让摄像头根据手机的移动进行旋转。我在网上找了几天也找不到。实际的想法是使用android SDK中的getRotationMatrix()方法，并将其重写为javascript。但问题是要从指南针获取x，y，z数据。phonegap仅提供相对于地理北极的方向，单位为度(0.360)，但getRotationMatrix()方法使用x，y，z值。
是否有可能将轴值折射出标题值或直接获取它们？
你有没有其他的想法来计算相机在所有三个轴
浏览 0提问于2012-04-24得票数 2
回答已采纳
在将Android Studio更新到3.5.3版本后，摄像头无法工作。摄像头不能在我正在使用的应用程序中工作，并且不能独立于应用程序工作。(通过在没有应用程序的情况下启动相机)。摄像头在更新之前工作正常。任何关于这方面的建议都将不胜感激。
OS v. - Linux Ubuntu 18.04。
Android Emulator v.29.3.2。
Android SDK平台-工具版本29.05。
Android Tools v.26.1.1。
Android Gradle v3.5.3。
Camera版本:Camera(已弃用)。
API的目标是16-29。
我还上了一堂关于CameraX的
浏览 2提问于2020-01-02得票数 0
1回答
我想让一个物体先绕x轴旋转90度，然后再绕y轴旋转90度。我如何在three.js中做到这一点？ 我试过了 mesh.rotation.x = Math.PI * 0.5;
mesh.rotation.y = Math.PI * 0.5; 但是它不能像我想的那样旋转。
浏览 47提问于2019-04-30得票数 0
在加载网格之后，我想永久地更改它从导入的内容中的默认旋转。也就是说，我想取一个旋转0,0,0的网格，在X上旋转90度，然后告诉three.js这个新的旋转应该被看作0，0。
请注意，我并不是简单地尝试。
在像Blender这样的应用程序中，这涉及到旋转一个对象，然后‘应用’那个旋转，然后将对象的旋转设置为0,0,0，0，同时保持旋转的变化。
three.js支持这样的东西吗？
浏览 5提问于2021-04-29得票数 1
回答已采纳
我正在尝试使用库的包装器来制作带有的包装器加载的JavaScript横截面。
当我使用一个规则的网格(像球体/立方体)时，相交csg操作工作得很好。我还可以制作漂亮的横截面，在其初始位置有一个圆角(白色物体，横截面以红色显示在下面)：
然而，当我旋转物体时，横截面是相同的，不管我如何改变它的旋转：
如何使csg交叉操作考虑到对象的旋转？它与正常的three.js网格(多维数据集)一样工作。
这可能与three.js加载OBJ文件的方式有关--它似乎将一堆网格存储在父对象中，然后可以在场景中添加/操作。我就是这样做csg操作的：
threeOBJ.traverse( func
浏览 4提问于2014-06-11得票数 2
回答已采纳
2回答
three.js平面旋转相机
、、、、
我的应用程序里有个摄像头：
camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );
camera.position.z = 1;
camera.position.y = -5;
camera.rotateOnAxis(new THREE.Vector3(1, 0, 0), degInRad(90));
camera.up = new THREE.Vector3(0, 0, 1);
当我按下键时，render函数中的代码必须旋转摄像机：
if (leftPre
浏览 1提问于2013-09-16得票数 4
回答已采纳
我一直在我的应用程序中使用OrbitControl来允许在世界各地旋转摄像头。最近，我正在尝试增强控件，以允许相机围绕任意点旋转，而不仅仅是相机lookAt点。我还没有取得太大的成功。
在代码中，如果我删除这个：this.object.lookAt( this.target );，它不能很好地工作。有什么想法吗？
下面是一些需要澄清的图片：
我围绕对象的中心(轴心)旋转了相机，但相机没有看着中心。
浏览 2提问于2015-12-30得票数 7
1回答
我们正在使用three.js显示来自磁共振测量的胃内容物的3D切片。颜色是近似的浓度；每个气泡是一个体素，即一个3D像素。使用左侧的菜单进行加载。
(可以将其用作示例代码)
顶部的平面(旋转图像)是来自重力的餐点的液位。
我们希望将当前视图存储在cookie中，以便用户在返回后获得相同的透视图。但是，我不能确定将哪个矩阵存储在cookie中。
我读过
但是我找不到在cookie中存储哪个矩阵。我发现的那些在旋转时不会改变。请注意，我知道如何使用cookies，因此这是一个THREE.js问题，与通用javascript编程无关。
浏览 1提问于2012-06-01得票数 1
回答已采纳
我试图建立一个全屏四角在THREE.js中使用通过通过顶点着色。该四元本身是一个平面几何，尺寸(2，2)位于原点。它被指定为ShaderMaterial。摄像机对准了z = 1，瞄准了四边形。
着色器很简单：
顶点着色器：
void main() {
gl_Position = vec4( position, 1.0 );
}
碎片着色器：
void main() {
gl_FragColor = vec4(0.0, 1.0, 0.0, 1.0);
}
但屏幕上什么都没有。这个设置是渲染到纹理的标准方法，为什么它不能在THREE.js中工作？
我试过plane.frustumCul
浏览 2提问于2016-01-16得票数 3
我有一个用three.js使用CSS3DObject渲染工具开发的界面。我已将动态观察设置为0，以防止旋转，并将我的移动限制为平移和缩放。
请注意，我也在使用轨道控制。
我用下面的代码将摄像头的位置设置为x=-2000：
camera.position.x=-2000;
camera.position.z=4000;
当我这样做时，相机移动了位置，但仍然指向(0,0,0)，导致了倾斜的外观。所以我假设我需要给它一个向量
camera.up = new THREE.Vector3(0,1,0); //keeps the camera horizontal
camera.lookAt(new T
浏览 13提问于2016-07-12得票数 0
如何在Unity3D中检测游戏场景中的摄像头行为？
我试着用两个摄像头，但前置摄像头不能正常工作，请帮助。
浏览 2提问于2015-01-13得票数 2
在three.js中，我使用camera.lookAt(0，0，0)在某处设置了摄像头。之后，camera.up矢量基本上是随机方向的。我有一个已知的上方向向量，我希望相机的位置在那里，但当我设置它时，它什么都不做：
camera.position.set(0, 0, 5); // works
camera.lookAt(0, 0, 0); // works
camera.up.set(1, 0, 0); // nothing
camera.up.set(-1, 0, 0); // nothing
camera.up.set(0, 1, 0);
浏览 17提问于2020-05-04得票数 0
回答已采纳
2回答
在three.js中，Y轴表示上下，Z轴表示正向和后向。但我希望Z轴代表上下，Y轴代表前后。这是一张我想要的图片：
我想改变整个坐标系的方式，如果我旋转一个网格围绕y轴，它遵循新的坐标系，而不是传统的。
现在，我搜索了堆栈溢出并找到了以下链接：
。它不起作用。
。这种方法只改变物体或网格的y和z点，但如果我把它绕y轴旋转，它就绕着传统的y轴旋转。我必须把矩阵应用到旋转矩阵上，也可以使它像新的坐标系一样旋转。
。这也不管用。
有没有办法让three.js像Z坐标系一样工作？
浏览 5提问于2017-06-19得票数 25
回答已采纳
1回答
旋转粒子系统
、、、、
正在使用的语言/库: C++、OpenGL、GLUT
好吧，事情是这样的。
我有一个粒子系统，它发射出alpha混合纹理来产生火焰。该系统只跟踪非常基本的东西，例如，生存时间、生命、xyz和传播。
火焰当前移动的方向纯粹是基于我的代码中正在发生的其他事情(我假设)。
然而，我的目标是将火焰连接到相机(完成)，并让火焰指向我的相机面对的方向(不工作)。
我尝试过x，y，z的glRotate，但是我不能让它正常工作。
我目前正在使用gluLookAt来移动摄像头，并通过调用glTranslatef(camX，camY - offset，camZ)让火焰跟随摄像头的XYZ；
任何关于我如何用相机旋转
浏览 1提问于2012-03-05得票数 1
回答已采纳
我有一个360图像(非three.js)系统，输出我的欧拉角(俯仰(x)，偏航(y)和滚动(z)的旋转作为"YXZ“顺序。例如，偏航的界限来自。
我想用这些角度在另一个系统中旋转一个3d物体，这个系统是建立在three.js上的。在改变系统1中的值时，我将欧拉角设置为第二个系统中摄像机物体的目标矢量，它在一定程度上旋转，但我觉得我在边界上做错了什么，或者由于我对three.js的知识非常有限，所以可能是其他问题。
任何帮助都会增加我的知识
浏览 7提问于2022-08-25得票数 0
1回答
我正在使用SceneKit在谷歌地图中使用3d汽车，就像优步一样。我设法使用它并旋转它，但摄像头在顶部，一旦位置管理器标题改变，我想旋转它，以查看汽车的边缘。
我尝试改变Euler角度，但效果不佳。我尝试使用默认的摄像头，但我不知道如何将它放在顶部、左侧或右侧……我只能在.scn文件中更改它，而不能在代码中更改。
浏览 1提问于2019-08-21得票数 0
我有一个基于Three.js的样本，我正在为一个更大的项目工作。为了超级简单，我有一个平面，它有一个环绕中心点的纹理。它实际上附着在中心点上，然后中心点被旋转。(进一步测试表明父子关系和距中心的偏移没有影响，只是与相机角度的差异导致了扭曲，随着角度的增加，旋转相机而不是对象仍然显示扭曲)
使用WebGL渲染器，一切工作正常。对于画布渲染器，我必须调整纹理加载(对于画布，imageutils不能正确加载，必须显式使用纹理和图像加载器)，但它在chrome中工作得很好。然而，在safari中，当飞机移动时，纹理会暴露出飞机的角落(位置会扭曲和偏移)，它可以直接对准相机()，但在侧面它会真正扭曲(，
浏览 0提问于2013-03-21得票数 1
回答已采纳
云服务器
ICP备案
实时音视频
云直播
对象存储
腾讯云开发者
