Games101-作业1-旋转与投影（含提高）

于 2024-03-12 11:21:51 发布
阅读量978 收藏 21
点赞数 16
分类专栏： games101系列笔记及其作业 文章标签： java 数据库 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zgynbnbnb/article/details/136646547
版权

Games101-作业1-旋转与投影（含提高）

分析

主要用到：https://blog.csdn.net/zgynbnbnb/article/details/136645669?spm=1001.2014.3001.5501

https://blog.csdn.net/zgynbnbnb/article/details/136645240?spm=1001.2014.3001.5501

根据作业的说明，可以明确框架已经完成了MVP中的模型和视图变换，我们要做的是投影变换和绕z轴旋转矩阵。
这次作业框架知道main.cpp中流程是什么和每个接口的作用就可以了。

读完说明和main.cpp框架后，就知道这次作业只需要完成两个函数中矩阵的返回：

  • 透视投影变换矩阵get_projection_matrix
  • 旋转变换矩阵get_model_matrix

注意：Eigen默认弧度制，但框架中接口函数参数提供的角为角度值，所以要先转换为弧度制。

透视投影矩阵

投影矩阵需要经过两步：

  • 透视投影->正交投影（挤压）
  • 正交投影->正则立方体

透视投影->正交投影

image-20240312110953438

Eigen::Matrix4f Mpersp_orhtho;
Mpersp_orhtho << n, 0, 0, 0,
    0, n, 0, 0,
    0, 0, n + f, -n*f,
    0, 0, 1, 0;

正交投影->正则立方体

image-20240312111033296

float fovY = eye_fov / 180 * MY_PI;// 角度转弧度
float t = tan(fovY / 2) * (-n), b = -t;// 朝向-z方向|n|
float r = aspect_ratio * t, l = -r;

注意：

  • 经过视图变换，摄像机在原点，b=-t, l= -r
  • 规定默认右手系，所以朝向-z轴，|n|=-n

转换之后，套入矩阵运算。

Eigen::Matrix4f Mortho, Mtrans, Mscale;
Mtrans << 1, 0, 0, -(r + l) / 2,
    0, 1, 0, -(t + b) / 2,
    0, 0, 1, -(n + f) / 2,
    0, 0, 0, 1;
Mscale << 2 / (r - l), 0, 0, 0,
    0, 2 / (t - b), 0, 0,
    0, 0, 2 / (n - f), 0,
    0, 0, 0, 1;
Mortho = Mscale * Mtrans;

最后返回投影矩阵

projection = Mortho * Mpersp_orhtho;
return projection;

全部代码

Eigen::Matrix4f get_projection_matrix(float eye_fov, float aspect_ratio,
                                      float zNear, float zFar)
{
// Students will implement this function
Eigen::Matrix4f projection = Eigen::Matrix4f::Identity();

// TODO: Implement this function
// Create the projection matrix for the given parameters.
// Then return it.

float n = zNear, f = zFar;

// 透视投影->正交投影  挤压
Eigen::Matrix4f Mpersp_orhtho;
Mpersp_orhtho << n, 0, 0, 0,
    0, n, 0, 0,
    0, 0, n + f, -n*f,
    0, 0, 1, 0;

// 正交投影->正则立方体
    // 将视锥信息为r,l,t,b
float fovY = eye_fov / 180 * MY_PI;// 角度转弧度
float t = tan(fovY / 2) * (-n), b = -t;// 朝向-z方向|n|
float r = aspect_ratio * t, l = -r;
    // 转换到正则立方体
Eigen::Matrix4f Mortho, Mtrans, Mscale;
Mtrans << 1, 0, 0, -(r + l) / 2,
    0, 1, 0, -(t + b) / 2,
    0, 0, 1, -(n + f) / 2,
    0, 0, 0, 1;
Mscale << 2 / (r - l), 0, 0, 0,
    0, 2 / (t - b), 0, 0,
    0, 0, 2 / (n - f), 0,
    0, 0, 0, 1;
Mortho = Mscale * Mtrans;

// 计算得到投影矩阵
projection = Mortho * Mpersp_orhtho;
return projection;
}

运行后的效果：

image-20240312111314666

旋转矩阵

image-20240312111342042

Eigen::Matrix4f get_model_matrix(float rotation_angle)
{
    Eigen::Matrix4f model = Eigen::Matrix4f::Identity();

    // TODO: Implement this function
    // Create the model matrix for rotating the triangle around the Z axis.
    // Then return it.

    float a = rotation_angle / 180 * MY_PI;
    model << cos(a), -sin(a), 0, 0,
        sin(a), cos(a), 0, 0,
        0, 0, 1, 0,
        0, 0, 0, 1;

    return model;
}

结果

按下A/D，绕z轴旋转。

image-20240312111439449

image-20240312111446602

提高

在main.cpp中添加一个函数，实现绕任意轴旋转。

绕任意轴旋转即课上提到的罗德里格斯旋转公式。

image.png

根据作业要求里的函数原型可以很容易写出这个函数。

Eigen::Matrix4f get_rotation(Vector3f axis, float angle)// 罗德里格斯任意轴旋转
{
    float a = angle / 180 * MY_PI;
    Eigen::Matrix4f I, N, rotation;
    Eigen::Vector4f n;
    Eigen::RowVector4f nt;

    n << axis.x(), axis.y(), axis.z(), 0;
    nt << axis.x(), axis.y(), axis.z(), 0;

    I = Eigen::Matrix4f::Identity();
    N << 0, -n.z(), n.y(), 0,
        n.z(), 0, -n.x(), 0,
        -n.y(), n.x(), 0, 0,
        0, 0, 0, 1;

    rotation = cos(a) * I + (1 - cos(a)) * n * nt + sin(a) * N;
    rotation(3, 3) = 1;//非齐次坐标的公式应用在齐次坐标上时记得运算完成后把矩阵的右下角改为1，否则会导致图形比例错误
    return rotation;
}

最开始没加倒数第二行，运行出来三角形比例是错的，查了加上的。

然后就是对这个矩阵进行应用，
在main函数中，每帧进行model投影-view投影-projection投影，而旋转应该应用在model投影阶段，所以直接把绕轴旋转和绕任意轴旋转的矩阵相乘再set_model即可。

    Eigen::Matrix4f m = get_rotation(axis, rangle) * get_model_matrix(angle);
    r.set_model(m);
    r.set_view(get_view_matrix(eye_pos));
    r.set_projection(get_projection_matrix(45, 1, 0.1, 50));

main函数代码

int main(int argc, const char** argv)
{
    float angle = 0;
    bool command_line = false;
    std::string filename = "output.png";

    float rangle = 0;
    Vector3f axis;
    int mod = 0;

    if (argc >= 3) {
        command_line = true;
        angle = std::stof(argv[2]); // -r by default
        if (argc == 4) {
            filename = std::string(argv[3]);
        }
        else
            return 0;
    }

    rst::rasterizer r(700, 700);

    Eigen::Vector3f eye_pos = {0, 0, 5};

    std::vector<Eigen::Vector3f> pos{{2, 0, -2}, {0, 2, -2}, {-2, 0, -2}};

    std::vector<Eigen::Vector3i> ind{{0, 1, 2}};

    auto pos_id = r.load_positions(pos);
    auto ind_id = r.load_indices(ind);

    int key = 0;
    int frame_count = 0;

    if (command_line)
    {
        r.clear(rst::Buffers::Color | rst::Buffers::Depth);

        r.set_model(get_model_matrix(angle));
        r.set_view(get_view_matrix(eye_pos));
        r.set_projection(get_projection_matrix(45, 1, 0.1, 50));

        r.draw(pos_id, ind_id, rst::Primitive::Triangle);
        cv::Mat image(700, 700, CV_32FC3, r.frame_buffer().data());
        image.convertTo(image, CV_8UC3, 1.0f);

        cv::imwrite(filename, image);

        return 0;
    }

    std::cin >> axis.x() >> axis.y() >> axis.z();

    while (key != 27) 
    {
        r.clear(rst::Buffers::Color | rst::Buffers::Depth);

        Eigen::Matrix4f m = get_rotation(axis, rangle) * get_model_matrix(angle);
        r.set_model(m);
        r.set_view(get_view_matrix(eye_pos));
        r.set_projection(get_projection_matrix(45, 1, 0.1, 50));

        r.draw(pos_id, ind_id, rst::Primitive::Triangle);// 进行mvp计算

        cv::Mat image(700, 700, CV_32FC3, r.frame_buffer().data());
        image.convertTo(image, CV_8UC3, 1.0f);
        cv::imshow("image", image);
        key = cv::waitKey(10);

        std::cout << "frame count: " << frame_count++ << '\n';
        // std::cout << get_rotation(axis, rangle) << std::endl << std::endl;
        // std::cout << get_model_matrix(angle) << std::endl << std::endl;
        // std::cout << rangle << std::endl;

        if (key == 'r')
            mod ^= 1;
        else if (key == 'a')
        {
            if (mod == 0)
                angle += 10;
            else
                rangle += 10;
        }
        else if (key == 'd')
        {
            if (mod == 0)
                angle -= 10;
            else
                rangle -= 10;
        }
    }

    return 0;
}

结果

202207221519782

问题

三角形超出光栅化区域数组越界，不知道怎么解决。

更新：改投影矩阵或者视口矩阵，把映射在屏幕的三角形缩小。

zgy1111222
关注
  • 16
    点赞
  • 踩
  • 21
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
GAMES101-现代计算机图形学学习笔记（作业01）
06-04
本次作业的任务是填写一个旋转矩阵和一个透视投影矩阵。给定三维下三个 点 v0(2.0, 0.0, −2.0), v1(0.0, 2.0, −2.0), v2(−2.0, 0.0, −2.0), 你需要将这三个点的坐 标变换为屏幕坐标并在屏幕上绘制出对应的线框三角形 (在代码框架中，我们已 经提供了 draw_triangle 函数，所以你只需要去构建变换矩阵即可)。简而言之， 我们需要进行模型、视图、投影、视口等变换来将三角形显示在屏幕上。在提供 的代码框架中，我们留下了模型变换和投影变换的部分给你去完成。
GAMES101-现代计算机图形学学习笔记（作业03）
06-28
在这次编程任务中，我们会进一步模拟现代图形技术。我们在代码中添加了 Object Loader(用于加载三维模型), Vertex Shader 与 Fragment Shader，并且支持 了纹理映射。 而在本次实验中，你需要完成的任务是: 1. 修改函数 rasterize_triangle(const Triangle& t) in rasterizer.cpp: 在此 处实现与作业 2 类似的插值算法，实现法向量、颜色、纹理颜色的插值。 2. 修改函数 get_projection_matrix() in main.cpp: 将你自己在之前的实验中 实现的投影矩阵填到此处，此时你可以运行 ./Rasterizer output.png normal 来观察法向量实现结果。 3. 修改函数 phong_fragment_shader() in main.cpp: 实现 Blinn-Phong 模型计 算 Fragment Color. 4. 修改函数 texture_fragment_shader() in main.cpp: 在实现 Blinn-Phong 的基础上，将纹理颜色视为公式中的 kd，实现 Texture Shading Fragment Shader. 5. 修改函数 bump_fragment_shader() in main.cpp: 在实现 Blinn-Phong 的 基础上，仔细阅读该函数中的注释，实现 Bump mapping. 6. 修改函数 displacement_fragment_shader() in main.cpp: 在实现 Bump mapping 的基础上，实现 displacement mapping.
games101透视投影矩阵推导
pkxpp的专栏
08-14 666
参考[1][2]，先说一下问题原因：代码里面传过来的近平面和远平面都是正数，但是在课程视频里面说的n, f都是负数，看范围也可以看出来是是要写成[f, n]。看了一下参考[1][2]中一些同学说的方法，把正负取反，以及乘以一个变换矩阵，都觉得怪怪的，所以手动推导一遍投影矩阵，直接应用这个公式看看。坐标系：右手坐标系 向量记法：列向量V=(xyz1) V = \begin{pmatrix} x \\ y \\ z \\ 1 \\ \end{pmatrix} V=⎝
【GAMES101】透视投影
qq_38904659的博客
07-22 523
原文链接：【GAMES101】透视投影 GAMES101作业1中编程实现一个三角形旋转投影的任务，期间配置环境、找Bug费了好几天的功夫。本期，推送一些注意的地方。 1 3D Perspective Projection How to do perspective projection First “squish” the frustum into a cuboid n→n,f→fn \rightarrow n, f \rightarrow fn→n,f→f (Mpersp→orthoM_{per.
Games101 作业一 构建模型变换，和透视投影矩阵
ToryYang的博客
01-28 781
实验目的： 构建变换矩阵 实验
GAMES101 作业1(附旋转矩阵和投影矩阵推导)
m0_53161412的博客
02-20 1342
GAMES101 作业1(附旋转矩阵和投影矩阵推导)
GAMES101-现代计算机图形学学习笔记（作业02）
06-04
1. 修改函数 rasterize_triangle(const Triangle& t) in rasterizer.cpp: 在此 处实现与作业 2 类似的插值算法，实现法向量、颜色、纹理颜色的插值。 2. 修改函数 get_projection_matrix() in main.cpp: 将你自己在...
Assignment1_games101作业1_games101作业7_C++_games101作业_
10-03
在本作业中，我们关注的是GAMES101课程中的第一份作业，它涉及到了图形学中的一个重要概念——投影矩阵。GAMES101通常是一门计算机图形学的基础课程，涵盖了游戏开发和3D图形渲染的基本原理。在这个作业中，学生被...
《GAMES101-现代计算机图形学入门》作业0-8
04-25
《GAMES101-现代计算机图形学入门》是一门深入探索计算机图形学基础理论与实践的课程。作业0到8涵盖了从基本概念到高级技术的广泛内容，旨在帮助学生逐步掌握这一领域的核心知识。以下是根据提供的文件名，对每个...
计算机图形学【GAMES-101】1、矩阵变换原理Transform(旋转、位移、缩放、正交投影、透视投影)
记录值得记录的东西
11-30 6447
Lecture3~41 2DTransformations1.1 Linear Transforms线性变换1.2 Scale1.3 Shear1.4 Rotation1.5 Translation2 齐次坐标3 3DTransformations3.1 Scale3.2 Translation3.3 Rotation3.4 四元数4 MVP Transformation4.1 Model Transformation4.2 View Transformation4.3 Projection Transfo
games101学习笔记_投影变换
weixin_43789369的博客
10-06 719
games101_View/Camera Transformation欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown
games101——作业1
hhhcbw的博客，欢迎各位来访
10-05 5285
games101作业1主体代码分析以及作业代码
GAMES101 作业1
qq_41265365的博客
04-17 9870
本文讲了GAMES101作业1中涉及的知识和代码实现。源码可以去[我的Github](https://github.com/andersonhusky/GAMES101)查看，为pa1对应的部分。
【GAMES101】作业1（提高）与框架理解
ycrsw的博客
04-01 8621
作业描述 本次作业的任务是填写一个旋转矩阵和一个透视投影矩阵。给定三维下三个点 v0(2.0, 0.0, −2.0), v1(0.0, 2.0, −2.0), v2(−2.0, 0.0, −2.0), 你需要将这三个点的坐标变换为屏幕坐标并在屏幕上绘制出对应的线框三角形 (在代码框架中，我们已经提供了 draw_triangle 函数，所以你只需要去构建变换矩阵即可)。简而言之，我们需要进行模型、视图、投影、视口等变换来将三角形显示在屏幕上。在提供的代码框架中，我们留下了模型变换和投影变换的部分给你去完成。
games101作业1
lmy347771232的博客
04-10 491
第一行的值代表X轴，也是g*t 求得，第二行代表up direction,也就是Y轴，xyz坐标系下的UP direction 方向应该是（0,0,1）,第三行代表-Z轴,由-g坐标求得。为了方便之后投影变换，我们需要将此gte左边转换为空间直角坐标，将position移动到坐标系的源点（origin），那么g需要旋转到-z轴，t旋转到Y轴，剩下的g x t旋转到X轴。可以测试矩阵的正确性，如带入1，0,0,0，乘以Rview-1 是可以得到X轴的坐标值 g*t的。那么用数学公式如何转换？
games101_作业1
weixin_43789369的博客
11-16 768
题目: 本次作业的任务是填写一个旋转矩阵和一个透视投影矩阵。给定三维下三个 点 v0(2.0, 0.0, −2.0), v1(0.0, 2.0, −2.0), v2(−2.0, 0.0, −2.0), 你需要将这三个点的坐 标变换为屏幕坐标并在屏幕上绘制出对应的线框三角形 (在代码框架中，我们已 经提供了 draw_triangle 函数，所以你只需要去构建变换矩阵即可)。简而言之， 我们需要进行模型、视图、投影、视口等变换来将三角形显示在屏幕上。在提供 的代码框架中，我们留下了模型变换和投影变换的部分给你
games101- 计算机图形学-闫令琪教授-作业1，逐步详细解析（暂时不包括拔高）
lala_lzw 的代码时间
11-12 5605
首先我们看作业1的要求： 本次作业的任务是填写一个旋转矩阵和一个透视投影矩阵。给定三维下三个 点 v0(2.0, 0.0, 2.0), v1(0.0, 2.0, 2.0), v2( 2.0, 0.0, 2.0), 你需要将这三个点的坐 标变换为屏幕坐标并在屏幕上绘制出对应的线框三角形 (在代码框架中，我们已 经提供了 draw_triangle 函数，所以你只需要去构建变换矩阵即可)。简而言之， 我们需要进行模型、视图、投影、视口等变换来将三角形显示在屏幕上。在提供 的代码框架中，我们
games101作业1框架及解题办法详解
qq_51599283的博客
03-29 3615
所用到的函数1、Triangle.hppa,b,csetVertex()setNormal()setColor()setTexCoord()toVector4()2、Triangle.cpp3、rasterizer.hpp运算重载load_position()load_indices()set_model()set_view()set_projection()set_pixel()clear()draw()frame_buffer()draw_line()raster_wireframe()4、main.c
games101作业1：旋转与投影
一个勤奋的coder的博客
07-15 9341
games101作业1：旋转与投影 内容 本次作业的任务是填写一个旋转矩阵和一个透视投影矩阵。给定三维下三个点 v0(2.0, 0.0, 2.0), v1(0.0, 2.0, 2.0), v2( 2.0, 0.0, 2.0), 你需要将这三个点的坐标变换为屏幕坐标并在屏幕上绘制出对应的线框三角形。通过进行模型、视图、投影、视口等变换来将三角形显示在屏幕上。在提供的代码框架中，我们留下了模型变换和投影变换的部分给你去完成。 get_model_matrix(float rotation_angle): 逐
games101作业
最新发布
02-17
Games101是一门计算机图形学的课程，它涵盖了图形学的基本概念、算法和应用。在这门课程中，学生通常会完成一些编程作业来实践所学的知识和技能。 Games101作业的内容通常包括以下几个方面： 1. 光栅化：实现基本的光栅化算法，包括线段的绘制、三角形的填充等。 2. 变换：实现基本的几何变换，如平移、旋转、缩放等。 3. 着色：实现基本的着色算法，如平面着色、Phong着色等。 4. 投影：实现基本的投影算法，如正交投影、透视投影等。 5. 光照：实现基本的光照模型，如环境光、漫反射、镜面反射等。 6. 纹理映射：实现基本的纹理映射算法，如双线性插值、纹理过滤等。 7. 阴影：实现基本的阴影算法，如平面阴影、阴影贴图等。 这些作业旨在帮助学生理解和掌握计算机图形学的基本原理和算法，并通过实践来加深对图形学的理解。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值