几何向量：向量到平面投影和LookAt

已于 2022-12-30 12:24:33 修改
阅读量3.2k 收藏 6
点赞数 2
分类专栏： 入门图形学之几何向量 文章标签： unity3d 几何学
于 2022-12-02 22:55:36 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yinhun2012/article/details/128098726
版权

      在研究所保密开发完后回来隔离两波，已经接近四五个月没碰外网电脑了，可以说是活成了原始人。
      因为某些开发细节原因，需要实现向量投影和LookAt功能，记录一下。
      首先实现向量到平面投影，如下：
在这里插入图片描述

      前面我们聊过点向量平面之间的关系，好像写过好几篇文章，这里就从简。其实计算投影无非就是计算P在平面G上的投影P0，计算如下：
请添加图片描述      我们根据平面G方程得到ABCD分量，然后求出系数k，带入X0、Y0、Z0代数式就能达到P0坐标了，如下：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class PALAVectorProjection : MonoBehaviour
{
    public Transform ground0;
    public Transform ground1;
    public Transform ground2;

    public Transform from;
    public Transform to;

    void Start()
    {

    }

    void Update()
    {
        Vector3 g0 = ground0.position;
        Vector3 g1 = ground1.position;
        Vector3 g2 = ground2.position;

        Debug.DrawLine(g0, g1, Color.black);
        Debug.DrawLine(g1, g2, Color.black);
        Debug.DrawLine(g2, g0, Color.black);

        Vector3 f = from.position;
        Vector3 t = to.position;

        Debug.DrawLine(f, t, Color.yellow);

        Vector3 f0 = GetProjectPoint(f, g0, g1, g2);
        Vector3 t0 = GetProjectPoint(t, g0, g1, g2);

        Debug.DrawLine(f0, t0, Color.white);
    }

    /// <summary>
    /// 获取向量到平面投影向量
    /// </summary>
    /// <param name="f"></param>
    /// <param name="t"></param>
    /// <param name="g0"></param>
    /// <param name="g1"></param>
    /// <param name="g2"></param>
    /// <returns></returns>
    private Vector3 GetProjectVector(Vector3 f, Vector3 t, Vector3 g0, Vector3 g1, Vector3 g2)
    {
        Vector3 f0 = GetProjectPoint(f, g0, g1, g2);
        Vector3 t0 = GetProjectPoint(t, g0, g1, g2);
        Vector3 vproj = t0 - f0;
        return vproj;
    }

    /// <summary>
    /// 计算点到平面投影
    /// </summary>
    /// <param name="p"></param>
    /// <param name="g0"></param>
    /// <param name="g1"></param>
    /// <param name="g2"></param>
    /// <returns></returns>
    private Vector3 GetProjectPoint(Vector3 p, Vector3 g0, Vector3 g1, Vector3 g2)
    {
        Vector3 gv1 = g1 - g0;
        Vector3 gv2 = g2 - g0;
        Vector3 n = Vector3.Cross(gv1, gv2).normalized;

        //构建平面参数
        float A = n.x, B = n.y, C = n.z;
        float D = -A * g0.x - B * g0.y - C * g0.z;

        //构建投影参数
        float X = p.x, Y = p.y, Z = p.z;
        float k = (A * X + B * Y + C * Z + D) / (A * A + B * B + C * C);

        float X0 = X - k * A;
        float Y0 = Y - k * B;
        float Z0 = Z - k * C;

        return new Vector3(X0, Y0, Z0);
    }
}

      效果如下：
在这里插入图片描述
      白色的线段是黄色线段在平面G上的投影。
      继续，接下来要实现一下LookAt功能，首先看一下unity的API，如下：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class PALATestLookAt : MonoBehaviour
{
    public Transform from;
    public Transform to;

    void Start()
    {

    }

    void Update()
    {
        Debug.DrawLine(from.position, to.position, Color.blue);
        Debug.DrawLine(from.position, from.position + from.right, Color.red);
        Debug.DrawLine(from.position, from.position + from.up, Color.green);
        from.LookAt(to);
    }
}

      效果如下：
在这里插入图片描述
      现在我自己实现一下，如下：
在这里插入图片描述

      朝向计算就是半角向量的180度旋转计算，设Z轴上模长等于ft模长的向量ft0绕半角向量ft1旋转180度，就变成了向量ft
      实现一下：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class PALAAxisLookAt : MonoBehaviour
{
    public Transform from;
    public Transform to;

    void Start()
    {

    }

    void Update()
    {
        Debug.DrawLine(from.position, to.position, Color.blue);
        Debug.DrawLine(from.position, from.position + from.right, Color.red);
        Debug.DrawLine(from.position, from.position + from.up, Color.green);

        GetAxisLookAt();
    }
    /// <summary>
    /// 绕中轴旋转180度
    /// </summary>
    private void GetAxisLookAt()
    {
        Vector3 f = from.position;
        Vector3 t = to.position;

        Vector3 ft = t - f;

        float ftlen = Vector3.Distance(f, t);
        Vector3 ft0 = Vector3.forward * ftlen;

        Vector3 ft1 = ft + ft0;

        from.eulerAngles = Vector3.zero;

        //绕ft1轴旋转180度
        from.RotateAround(f, ft1, 180);
    }
}

      效果如下：
在这里插入图片描述
      这是一种LookAt的实现方法。
      继续探索，现实中存在的朝向计算，坦克就是很好的例子，如下：
在这里插入图片描述

      坦克的炮台可以想象为绕世界坐标Y轴旋转，炮筒想象成绕本地坐标X轴旋转，稍微绘制一下，如下：
在这里插入图片描述

      首先求得ft在平面xfz上的投影ft0，ft’（fz）与投影ft0绕世界坐标Y轴夹角θy度就是“炮台”的旋转度数，然后ft0与ft绕本地坐标X轴夹角θx度就是“炮筒”的旋转度数，旋转以左手定则为准，那么接下来代码实现：

using System.Collections;
using System.Collections.Generic;
using System.Reflection;
using UnityEngine;

public class PALAProjectionLookAt : MonoBehaviour
{
    public Transform from;
    public Transform to;

    void Start()
    {
        Application.targetFrameRate = 60;
    }

    void Update()
    {
        Vector3 f = from.position;
        Vector3 t = to.position;
        Vector3 lx = f + from.right;
        Vector3 ly = f + from.up;
        Vector3 lz = f + from.forward;

        Debug.DrawLine(f, lx, Color.red);
        Debug.DrawLine(f, ly, Color.green);
        Debug.DrawLine(f, t, Color.black);

        GetProjectLookAt();
    }

    /// <summary>
    /// 世界坐标Y轴投影旋转
    /// 本地坐标X轴旋转
    /// </summary> 
    private void GetProjectLookAt()
    {
        Vector3 f = from.position;
        Vector3 t = to.position;
        Vector3 x = f + Vector3.right;
        Vector3 y = f + Vector3.up;
        Vector3 z = f + Vector3.forward;

        //重置旋转
        from.eulerAngles = Vector3.zero;

        //绕世界Y轴旋转
        Vector3 yaxis = Vector3.up;
        Vector3 ft0 = GetProjectVector(f, t, f, x, z);
        Vector3 fz = Vector3.forward;
        float θy = GetVectorAxisAngle(fz, ft0, yaxis);
        from.RotateAround(f, yaxis, θy);
        //绕本地X轴旋转
        Vector3 xaixs = from.right;
        Vector3 ft = t - f;
        float θx = GetVectorAxisAngle(ft0, ft, xaixs);
        from.RotateAround(f, xaixs, θx);

#if UNITY_EDITOR
        Debug.LogFormat("PALAProjectionLookAt θx = {0} θy = {1}", θx, θy);
#endif
    }

    /// <summary>
    /// 获取绕axis轴f到t的角度
    /// </summary>
    /// <param name="f"></param>
    /// <param name="t"></param>
    /// <param name="axis"></param>
    /// <returns></returns>
    private float GetVectorAxisAngle(Vector3 f, Vector3 t, Vector3 axis)
    {
        float deg = Vector3.SignedAngle(f, t, axis);
        return deg;
    }

    /// <summary>
    /// 计算f（不变）的投影向量
    /// </summary>
    /// <param name="f"></param>
    /// <param name="t"></param>
    /// <param name="g0"></param>
    /// <param name="g1"></param>
    /// <param name="g2"></param>
    /// <returns></returns>
    private Vector3 GetProjectVector(Vector3 f, Vector3 t, Vector3 g0, Vector3 g1, Vector3 g2)
    {
        Vector3 t0 = GetProjectPoint(t, g0, g1, g2);
        Vector3 ft0 = t0 - f;
        return ft0;
    }

    /// <summary>
    /// 计算点到平面投影
    /// </summary>
    /// <param name="p"></param>
    /// <param name="g0"></param>
    /// <param name="g1"></param>
    /// <param name="g2"></param>
    /// <returns></returns>
    private Vector3 GetProjectPoint(Vector3 p, Vector3 g0, Vector3 g1, Vector3 g2)
    {
        Vector3 gv1 = g1 - g0;
        Vector3 gv2 = g2 - g0;
        Vector3 n = Vector3.Cross(gv1, gv2).normalized;

        //构建平面参数
        float A = n.x, B = n.y, C = n.z;
        float D = -A * g0.x - B * g0.y - C * g0.z;

        //构建投影参数
        float X = p.x, Y = p.y, Z = p.z;
        float k = (A * X + B * Y + C * Z + D) / (A * A + B * B + C * C);

        float X0 = X - k * A;
        float Y0 = Y - k * B;
        float Z0 = Z - k * C;

        return new Vector3(X0, Y0, Z0);
    }
}

      效果如下：
在这里插入图片描述
      这也是一种LookAt的实现方法。
      还有一种LookAt实现方法，通过叉乘向量旋转，如下：
在这里插入图片描述

      可以看出，计算得到fc叉积向量，再计算得到fdir到ft的旋转角度θ，就能计算出LookAt朝向，代码如下：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class PALACrossLookAt : MonoBehaviour
{
    public Transform from;
    public Transform to;

    void Start()
    {

    }

    void Update()
    {
        Debug.DrawLine(from.position, to.position, Color.blue);
        Debug.DrawLine(from.position, from.position + from.right, Color.red);
        Debug.DrawLine(from.position, from.position + from.up, Color.green);

        GetCrossLookAt();
    }
    /// <summary>
    /// 绕叉积向量旋转θ度
    /// </summary>  
    private void GetCrossLookAt()
    {
        Vector3 f = from.position;
        Vector3 t = to.position;

        Vector3 ft = t - f;

        Vector3 fdir = from.forward;

        Vector3 c = Vector3.Cross(fdir, ft);

        float θ = Vector3.SignedAngle(fdir, ft, c);

        from.RotateAround(f, c, θ);
    }
}

      效果如图：
在这里插入图片描述

      这也是一种LookAt的实现方式。
      自己实现LookAt的好处是可以自由控制朝向轴，可能API不一定适合开发需求。
      好，以后有时间继续。

羊羊2035
关注
专栏目录
C++和OpenGL实现3D游戏编程【连载16】——详解三维坐标转二维屏幕坐标（向量和矩阵操作实战）（附源码）
zhooyu的博客
10-22 502
在上一课我们了解了着色器，了解了部分核心模式编程内容，从中接触到了线性代数中向量和矩阵相关知识，我们已经能够感受到向量和矩阵在OpenGL编程中的重要性。特别是后期用去了解融合、光照效果，构建自己的三维世界，都需要大量向量和矩阵的相关知识。本节会就一些线性代数的基础知识进行了解和应用，并实现三维坐标向二维屏幕坐标的转换，这是后期实现鼠标选中物体功能的铺垫。但本文并非对线性代数进行专业的介绍，而是学习计算机图形学必备知识的了解及实战应用。
如何将一个向量投影到一个平面上_代数与几何的初次相会——向量坐标表示
weixin_39716521的博客
11-21 1200
写在前面初次见面，请多多关照——阿拉丁平面向量基本定理在上一节中我们吐槽了向量的名字，这一节我们就要来考虑向量的好朋友——数形结合。平面内任何向量改如何表示？我们知道在我们熟悉的自然数里1作为一个特殊的存在可以衍生出任何数，那么在向量领域是否也有这样一个特殊向量可以表示任何数呢？平面向量基本定理：如果 是同一平面内两个不共线的向量，那么对于这一平面内任意向量 ，有且只有一对实数 ，使得 我们...
如何将一个向量投影到一个平面上_线性代数19——投影矩阵和最小二乘
weixin_39741101的博客
11-21 4656
一维空间的投影矩阵　　先来看一维空间内向量的投影：　　向量p是b在a上的投影，也称为b在a上的分量，可以用b乘以a方向的单位向量来计算，现在，我们打算尝试用更“贴近”线性代数的方式表达。　　因为p趴在a上，所以p实际上是a的一个子空间，可以将它看作a放缩x倍，因此向量p可以用p = xa来表示，只要找出x就可以了。因为a⊥e，所以二者的点积为0：　　我们希望化简这个式子从而得出x：　　x是一个实数...
向量到一个平面的投影向量
lq
12-28 1万+
向量到一个平面的投影向量 求一个向量投影到一个平面上的投影向量，如下图 已知项： 向量 sq，平面法向量 n 设点 o 为点 q 到平面的垂点 则向量 oq 垂直于平面 则向量 so 即为 sq 在平面上的投影。 so = sq + qo so = sq + (n * -1) * |qo| so = sq + (n * -1) * |sq·n| 在上面的推理中对于 qo 的一步步转换是这样的 因为qo 平行于 n 但是方向相反，且 n 是单位向量 所以 qo = (n * -1) * |qo| 因为 |q
向量在法向量所垂直的平面上的投影
飞机火车巴雷特的博客
08-20 1万+
向量在法向量所垂直的平面上的投影过程
向量的平面投影 ProjectOnPlane
飞浪纪元FE的博客
09-08 4917
1 定义 - ProjectOnPlane // // 摘要: // Projects a vector onto a plane defined by a normal orthogonal to the plane. // // 参数: // planeNormal: // The direction from the vector towards the plane. // // vector: // The location of the vector above
如何入门现代控制理论
song430的博客
06-03 2430
转载自–如何入门现代控制理论 - J Pan的文章 - 知乎 https://zhuanlan.zhihu.com/p/57051153 一、什么是特征值和特征向量 二、什么是特征值和特征函数 三、什么是状态方程 四、如何求解状态方程 五、可控性和可观性 六、如何用状态反馈进行极点配置 七、如何进行跟踪控制 八、全状态观测器 九、缩减状态观测器 十、小结 一、什么是特征值和特征向量 相信大家都学过...
Three.js基础几何体：立方体、球体和平面的创建与变换
# 1. 介绍 ## 1.1 Three.js概述 Three.js是一个基于WebGL的JavaScript库，用于创建和展示3D图形。...无论是立方体、球体还是平面，都可以通过少量的代码就能实现。与传统的纯WebGL开发相比，Three.js封
C# 使用SharpGL-Perspective和LookAt
归离的博客
06-29 1893
在C# 使用SharpGL-Hello Word代码详解中的Resized函数里，出现了Perspective和LookAt，将Hello Word代码详解中的此部分复制过来，继续讲解里面的内容 private void openGLControl_Resized(object sender, EventArgs e) { // TODO: Set the projection matrix here. // Get the
ogre4.1 向量、矩阵和四元数
05-14
此外，Ogre4.1提供了一些便利的函数，如`lookAt()`和`rotate()`，它们利用向量和四元数来快速调整摄像机或物体的朝向。同时，矩阵和四元数也可以用于光照计算，如光源的方向和阴影的投射。 总的来说，理解和熟练...
Unity 3D数学基础：向量
q493201681的博客
10-08 1119
整理一下，很重要。做个总结，留个脚印。 目录 文章目录目录1.什么是向量？2.加减法3.长度，单位向量和正规化4.与标量相乘5.点乘6.叉乘7.应用：------------- 1.两点间距离计算：------------- 2.第三人称控制器：------------- 3.粗略判断两向量夹角：------------- 4.向量反弹：------------- 5. 求一条直线穿过平...
如何将一个向量投影到一个平面上_[图形学笔记]推导投影矩阵
weixin_39953629的博客
10-23 795
一、前提 使用列向量，所以变换为矩阵左乘列向量。 原课程 @闫令琪 大佬的课，以下均为自己的理解，自己推导做个笔记加深记忆。二、正交投影矩阵正交投影矩阵的视锥体是一个长方体[l,r][b,t][f,n]，我们要把这个长方体转换到一个正方体[-1,1][-1,1][-1,1]中，如图。 第一步平移，计算出长方体的中心点为[(l+r)/2,(b+t)/2,(f+n)/2]，然后将中心点移动到原...
OpenGL着色器程序解析--透视投影
wudiliyao的博客
05-08 542
转载自：https://blog.csdn.net/cordova/article/details/52599161背景总算到了如何实现最优化显示3d图形的阶段了：在保留物体深度立体感的前提下将3d世界的物体投影到2d平面上。一个很典型的例子就是3d世界中往远方延伸的公路，2d屏幕上看上去会越来越窄最后在很远的地平线上交汇成了一个点。我们现在要创建一种满足上面要求的一种投影变换方式，同时我们还想对...
hdu 2086：A1 = ?（推公式）
serendipity的博客
10-27 346
hdu 2086：A1 = ?（推公式） 题目链接 以前虽然做过这种推公式，找规律的大类题，但是这种几乎是百分之八十解题用在推公式的题还是做的少 虽然题目不是太难，但是起初推公式弄错了方向，导致无从下手， 后面再重新找方向推了一遍终于把它推出来了 推导过程： 由Ai=(Ai-1+Ai+1)/2-Ci 得： A1=(A0+A2)/2-C1 A2=(A1+A3)/2-C2 A1+A2=(A0+A1...
如何将一个向量投影到一个平面上_如何学好高中数学
weixin_39626181的博客
11-11 294
很多同学进入高中后发现学业的难度突然加大了许多，甚至有的初中还名列前茅到了高中发现居然跟不上，最明显的就是数学，这里讲下高中数学应该怎样学。背景先简单介绍下背景，竞赛保送清华，数学只有省二，但高考数学常年在145上下没低于140过，大学在清华基科班，数理化生学了个遍。真正让我明白数学该怎么学的，恰恰是大学刚开学方法不当走了弯路成绩惨淡的经历。经过及时总结发现中学时我不自觉地用了非常合理的学习方法，...
OpenGL学习（五）相机变换，透视投影与FPS相机
AKGWSB 's blog
11-25 6188
文章目录前言坐标系转换简介模型坐标系世界坐标系相机坐标系ndc坐标系屏幕坐标小结坐标变换视图变换矩阵投影变换矩阵正交投影透视投影让相机动起来FPS相机欧拉角通过欧拉角计算cameraDirection完整代码c++着色器小结 前言 上一篇博客回顾：OpenGL学习（四）键鼠交互与OFF模型读取 在上一篇博客中，我们学习了如何利用鼠标键盘进行交互。我们利用鼠标键盘来改变物体的模型变换矩形（model matrix）并且实时更新绘制。此外我们还学习了如何读取简单 OFF 格式的模型文件。 至今为止我们都站在原地
DirectX中的几何变换与投影变换
# 1. DirectX简介与基本概念 ### 1.1 DirectX概述 DirectX是一个由微软...在本章中，我们将主要关注Direct3D的几何变换和投影变换等基本概念和应用。 ### 1.2 DirectX中的几何变换基础 在3D图形渲染中，几何变换
如何将一个向量投影到一个平面上_Normal Equation的向量投影解法与几何和直觉解释...
weixin_39524882的博客
11-21 795
在线性回归的正交方程(Normal Equation)推导一文中提到使用向量投影的方法也可以推导出正交方程，该方法简单到只需1步，并能从向量投影的角度体现线性回归的本质。预备知识：向量投影平面A由基向量 所张成（Span），换言之，平面A是 的列空间。 是平面外的一点， 是 在平面上的投影， ，求 是 和 之间的距离 ： 用人话来解释下： 构建了一个平面，平面内的任何向量，均可由它俩...
如何将一个向量投影到一个平面上_线性代数（十三）投影
weixin_39917576的博客
11-21 2361
上一章我们讲了两组“正交补”的矩阵，欢迎点开链接复习。这一节我们要了解向量和矩阵的投影。投影是一种“逆张成”的行为，它把空间内的向量重新恢复到（指定）基向量方向上的长度。Jerry：线性代数（十二）四个子空间的正交性​zhuanlan.zhihu.com向量的投影向量投影需要一个向量、一条直线和一束光来完成。假设有一条直线 上有向量 和另一个向量 他们有共同的起点，成夹角 一道正道的光（在...
如何将一个向量投影到一个平面上_向量的各种积
weixin_39528843的博客
11-21 2282
目录一.点乘(内积)1.定义2.举例3.点乘几何意义二.叉乘(向量积)1.定义2.叉乘几何意义一.点乘(内积)1.定义向量的点乘,也叫向量的内积、数量积，对两个向量执行点乘运算，就是对这两个向量对应位置相乘之后求和的操作，点乘的结果是一个标量。2.举例对于向量a和向量b：a和b的点积公式为：要求一维向量a和向量b的行列数相同。3.点乘几何意义点乘的几何意义是可以用来表征或计算两个向量之间的夹角，以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值