- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我尝试使用 Lookat 功能通过平移手势旋转相机。我使用 swift 和 Metal(在本例中 Metal 与 OpenGLES 的工作原理相同)。这是我的代码
查看功能:
let kEye = V3f(0.0, 0.0, -2.0)
var ktarget = V3f(0.0, 0.0, 0.0)
let kUp = V3f(0.0, 1.0, 0.0)
var viewMatrix = lookAt(kEye, center: ktarget, up: kUp)
平移手势:
func pan(panGesture: UIPanGestureRecognizer){
if panGesture.state == UIGestureRecognizerState.Changed{
let pointInView = panGesture.locationInView(self.view)
let xDelta = (lastPanLocation.x - pointInView.x)/self.view.bounds.width * panSensivity
let yDelta = (lastPanLocation.y - pointInView.y)/self.view.bounds.height * panSensivity
lastPanLocation = pointInView
var viewDirection = rotationM3f(kUp, angle: Float(-xDelta)) * viewDirection
var toRotateAround = Cross(viewDirection, b: kUp)
viewDirection = rotationM3f(toRotateAround, angle: Float(-yDelta)) * viewDirection
ktarget = kEye + viewDirection
} else if panGesture.state == UIGestureRecognizerState.Began {
lastPanLocation = panGesture.locationInView(self.view)
}
}
一开始工作正常,过了一会儿平移相机,viewDirection和toRotateAround向量会变成-0.0,-0.0,0.0,当手指垂直移动但相机不上下看时,任何人都知道什么代码有错吗?谢谢~~~
最佳答案
您只修改了 View 方向(最后是ktarget
)而忘记了kUP
。一旦这 2 个向量变得平行,叉积就为零,一切都崩溃了。
您正在寻找的解决方案是使用 viewDirection
和 toRotateAround
的叉积重新计算 kUp
向量。
使用这样的旋转时,您需要将数据视为基本向量和位置(location=kEye
、forward=ktarget-keye
、up =kUp
, right=cross(forward, up)
).基向量总是相互垂直(我建议它们也被归一化)并且当你旋转时你总是围绕另一个基向量旋转这些向量之一并且在旋转之后你需要使用叉积重新计算第三个向量.
因此,要向左或向右旋转,您需要围绕 up
旋转 forward
,然后在 forward
和 up 之间使用叉积
以获得正确的
向量。 (此处的右向量是可选的,因为您不使用它)
要向上或向下旋转,您可以围绕 right
向量旋转 forward
向量,并使用 forward
和 right< 之间的叉积
获取新的 top
向量。
然后,为了向左或向右倾斜,您围绕向前
旋转向上
,并得到向右
向量与所使用的2个向量的叉积。
如果你看到逻辑你会发现总是有两种方式沿着一个轴旋转。例如,要向左或向右旋转,您还可以将 right
向量围绕 up
旋转,然后使用 right
的叉积找到新的前向向量> 和 up
。
虽然有一个技巧。此处描述的过程非常适合自由运动,例如可以“倾斜”的飞行模拟。它不适合移动,例如第一人称射击游戏,向上始终水平位于屏幕中央(我希望您能看到其中的区别)。要创建这种 FPS 方式,您实际上需要将 up
保持为 (0,1,0)
但是 forward 绝不能是 (0,1,0)
但它可以是 (0.001, 0.09, 0)
这非常接近直接向上看。所以只要你将向上的角度限制在某个值就应该没问题。还有其他方法......
关于ios - 旋转相机使用 lookat 功能与平移手势,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36355650/
我正在试验光线行进,并且一直在关注 Jamie Wong's tutorial. 当移动相机部分来时,他们使用该功能 mat4 viewMatrix(vec3 eye, vec3 center, ve
您好,我对glm lookAt函数的返回值有疑问。当我以 Debug模式执行时,此时 glm函数的 ... Result[3][2] = dot(f, eye); ...在矩阵的平移z位置中的值错误。
我正在使用一个在我为 LWJGL 找到的名为 JOML 的开源数学库中计算的 LookAt 矩阵。在我的游戏中获得免费摄像头。它在左右旋转时效果很好,但向上和向下看似乎会导致严重的扭曲问题,类似于大幅
我正在编写 3d 引擎,并且遇到了 DirectX 文档中描述的 LookAt 算法: zaxis = normal(At - Eye) xaxis = normal(cross(Up, zaxis)
在虚幻中,我想要 在前向 vector 指向目标当前位置的位置旋转角色, 确保我的 Actor 的向上 vector 与我的目标的向上 vector 相同 在Unity3D中,它 super 简单。这
我在 OpenGL 2.0(固定管道)中构建了一个 lookAt 相机。我的相机跟踪它的位置、观察点和向上 vector 。到目前为止,我已经使用以下代码将相机偏转了一定程度: void Camera
我正在使用 Three.js 透视相机,我需要了解相机所注视的点。 如何使用相机的矩阵/旋转向量计算它? 最佳答案 相机向下看它的内部负 z 轴。所以选择相机负 z 轴上的任意点,如下所示: var
我尝试使用 Lookat 功能通过平移手势旋转相机。我使用 swift 和 Metal(在本例中 Metal 与 OpenGLES 的工作原理相同)。这是我的代码 查看功能: let kEye =
我在谷歌上进行了广泛的搜索,但我还没有找到我认为实际上很常见的情况的解决方案。假设我有一个THREE.PerspectiveCamera初始化为查看空间中的某个点: var camera = new
我正在使用 glm::lookAt 获取一个矩阵来改变世界。这工作正常,我可以生成矩阵,将其输入着色器,一切正常。我现在需要做的是通过 lookAt 矩阵转换任意 vector (即 100,100,
我目前正在尝试使用 Source SDK 在 C++ 中编写一个 LookAt 函数。我做了一些研究,发现了很多链接,但其中很多都是关于 Unity 或 Glm 的,并且使用的是四元数和旋转矩阵,但我
假设我有以下顶点着色器代码: attribute vec4 vPos; uniform mat4 MVP; uniform mat4 LookAt; void main{ gl_Positi
我一直在尝试编写一个 View 矩阵/查看矩阵,但我的代码中的某个地方有错误,我需要帮助找到它。当我使用我的函数时,我得到一个空白屏幕,而不是我应该得到的三角形的测试 View 。 public st
据我所知,“lookat”方法是在场景中放置/旋转相机的最简单方法之一。所以我在我的光线追踪代码中实现了 ( https://www.scratchapixel.com/lessons/mathema
大家好,我正在尝试做一个使用 glm 库中的 lookAt 的 Camera 类。我有 4 个点,第一个是 eye,即相机在空间中的位置,第二个是 look,即相机正在注视的点,第三个是 upp,用于
我正在努力解决以下问题。我正在处理骨骼动画,我希望(即)玩家的头部跟随空间中的另一个物体。我的上轴是 +Z 我的前轴是 +Y,四元数的大小在 W 中。我尝试使用 gluLookAt 的 mesa 代码
我需要设置场景的初始“lookAt”点,这将是屏幕和控件旋转的中心。如果可能的话,我更愿意设置一个点(或一个对象的位置),而不是旋转 Angular 。 控件是OrbitControl。如果我只是在控
我正在关注 tutorial学习 OpenGL,他们使用 glm::lookAt() 函数来构建 View ,但我无法理解 glm::lookAt() 的工作原理,显然,有没有 GLM 的详细文档。谁
在 SparkAR 中,我想要一个元素(称为 toRotate),它总是看着相机,类似于已经问过的 here (但接受的解决方案对我来说并不令人满意,我没有足够的声誉来回答它的评论)。 问题在于该元素
在 Three.js 中,我希望相机指向 3D 空间中的某个点。 为此,我尝试使用 camera.lookAt 函数,如下所示: camera.lookAt(new THREE.Vector3(-10
我是一名优秀的程序员,十分优秀!