GAMES101课程学习笔记—Lec 03~04：Transformation 基础变换/MVP矩阵

最新推荐文章于 2023-08-09 11:42:42 发布
最新推荐文章于 2023-08-09 11:42:42 发布
阅读量3.3k 收藏 10
点赞数 1
分类专栏： 学习笔记：GAMES101-现代计算机图形学入门 文章标签： 图形学
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43803133/article/details/108038815
版权

GAMES101课程学习笔记—03：Transformation 基础变换


关于这章内容

在我自己LearnOpenGL的系列笔记中有过详细的描述和推导

并且知识的铺垫方面也是用着闫老师的这个视频的截图来进行讲解

此处放出相关链接，就不再赘述了

基础变换（仿射变换）：旋转、缩放、切变、平移，齐次坐标系，旋转的表示
LearnOpenGL学习笔记—入门06：Transformations

关于四元数
LearnOpenGL学习笔记—入门06 附：关于四元数

坐标系统，MVP矩阵
LearnOpenGL学习笔记—入门07：Coordinate Systems

观测矩阵相关（摄影机）
LearnOpenGL学习笔记—入门08：Camera

清清！
关注
  • 1
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
GAMES101-现代计算机图形学学习笔记（04）
qq_36242312的博客
04-22 2527
GAMES101-现代计算机图形学学习笔记（04） Lecture 04 TransformationGAMES101-现代计算机图形学学习笔记（04）三维变换定义种类缩放平移旋转旋转矩阵欧拉角轴角视图/摄像机变换视图变化两种投影正交投影透视投影 原课程视频链接以及官网 b站视频链接: link. 课程官网链接: link. 三维变换 定义 根据二维的定义，三维坐标和向量同样可以根据如下公式定义：...
【GAMES101现代计算机图形学入门笔记】Lec04 变换（续）
Asher_erchan的博客
02-16 306
Lec04 变换（续） 文章目录Lec04 变换（续）3D变换（3D Transformation）和2D类似的变换绕坐标轴旋转更一般的旋转观测变换（Viewing Transformation）视图/相机变换（view/camera transformation）投影变换（projection transformation）正交投影（Orthographic Projection）透视投影（Perspective Projection）课后思考题 3D变换（3D Transformation） 和2D类似
Games101学习笔记 - MVP矩阵
最新发布
qq_30058057的博客
08-09 607
经过MVP矩阵的后的物体会放置在一个-1到1的视口中，但是我们最终目的是显示到屏幕上，那么我们就需要根据屏幕大小，把我们的视口进行一个缩放矩阵和一个平移矩阵，来确保我们的视口中心点在屏幕中心点，我们视口的宽高和屏幕的宽高一致，这个就是视口变换。由于n，f是我们自己定义的相机的远近裁剪面，是已知的，所以我们可以得到该压缩的完整变换矩阵。我们把上面的那个egt的交点，当作相机位置，T为相机的上方向，g为相机正方向的。但是我们直接旋转很困难。1.正向旋转一个角度的矩阵等于，负向旋转一个角度的矩阵的逆矩阵。
【GAMES101】作业1--MVP（模型、视图、投影）变换
beidou111的博客
06-08 1228
本文为GAMES101现代计算机图形学入门 的学习笔记系列。我们的系列笔记将分为两部分：原课程为2020年2月闫令琪所教授的 GAMES101 现代计算机图形学入门。课程主页：https://sites.cs.ucsb.edu/~lingqi/teaching/games101.html （幻灯片和课程录像均在此处）课程共计22节。作业共计8次。针对人群：计算机图形学入门新手教材： Steve Marschner and Peter Shirley的"Fundamentals of Computer Gra
【计算机图形学】GAMES101 第四课 视角变换
qq_35651249的博客
05-10 739
1 3D空间的缩放和平移 2 3D空间的旋转 找二维的旋转关系可以先将旋转点移动至原点，旋转后再平移回原始位置。找三维的旋转关系也同理，将旋转轴的起点移至原点，旋转完成后再移回原处 3 视角转换 先将坐标点移动至原点，再将g轴旋转至-z轴，再将t轴旋转至y轴 将视角点移至原点后，写出z轴通过什么样的旋转矩阵变成了后来的轴，这个旋转矩阵转置就是后来的轴如何变成z轴的旋转矩阵 4 投影方式 有正交投影和透视投影 4.1 正交投影：把物体中心移动至原点，再将物体的尺寸缩放至
Lec03-乘法和逆矩阵1
08-03
逆矩阵主要介绍了如何判断一个矩阵是逆矩阵，最后顺带提及了求解一个好矩阵（非奇异矩阵）的逆矩阵的方法。矩阵乘法的 种求解方法：从元素的角度（的行乘以的列）从列的角
lec 04 矩阵的概念(1)1
08-03
第 二 章矩阵及其运算矩阵是线性代数的主要研究对象. 它在线性代数与数方程组的解法及有解的条件.及其运算.秩、 可逆矩阵以及矩阵的初等变换、 分块矩阵的概念本章
信号与系统：ch10 z变换-lec[10-3].pdf
09-19
信号与系统：ch10 z变换-lec[10-3].pdf
信号与系统：ch10 z变换-lec[10-1].pdf
09-19
信号与系统：ch10 z变换-lec[10-1].pdf
信号与系统：ch10 z变换-lec[10-2].pdf
09-19
信号与系统：ch10 z变换-lec[10-2].pdf
GAMES202homework:主要是学习闫老师的GAMES202高质量实时渲染完成的大作业
04-06
GAMES202homework 主要是学习闫老师的GAMES202高质量实时渲染完成的大作业 RenderDoc调试webgl: 用到了webgl所以需要webgl抓帧调试,但是当前shader的调试暂时不支持~ homework0 作业0主要是实现的Blinn-Phong 着色模型 ，最主要是的环境搭建测试熟悉202的框架等等； homework1 作业1主要是在Blinn-Phong 着色模型基础上实现阴影，通过shadow map实现硬阴影、Soft 阴影PCF算法过滤、软硬阴影PCSS；
实现三角形的MVP （GAMES101 homework1）
一名蒟蒻oier的博客
02-04 359
/* * eye_fov 视野的大小 * aspect_ratio 长宽比？ 猜测是视野的长宽比率 * zNear 最近处的坐标 * zFar 最远处的坐标 */ Eigen::Matrix4f get_projection_matrix(float eye_fov, float aspect_ratio, float zNear, float zFar) { // Students will imple...
图形学games101课程回顾--变换矩阵和MVP变换
qq_41658981的博客
06-10 406
详细讲解了图形学中的各类变换及MVP变换
【GAMES101 课程小结】：Lecture 04 三维空间中的MVP变换
明天，做什么好呢
11-07 906
3维空间中的变换可以理解为，2维空间中变换的延伸，规律大致相同。
【GAMES101现代计算机图形学入门笔记】Lec03 变换
Asher_erchan的博客
02-15 148
Lec03 变换 文章目录Lec03 变换为什么学习变换2D变换线性变换（Linear Transforms）非线性变换齐次坐标（Homogeneous Coodinate）仿射变换（Affine Transformation）变换操作 为什么学习变换 模型变换（Modeling）：Translation/Rotation/Scaling 视图变换（Viewing）：3D-to-2D projection 2D变换 线性变换（Linear Transforms） 线性变化 = 同维度矩阵 [x′y′]
games101-4-视图变换
一名大三才开始刷题的程序猿的刷题日记
04-29 295
Viewing transformation 视图变换 本篇笔记参考链接,写的真的很好!!! 简述:我们可以这样来描述视图变换的任务：将虚拟世界中以(x,y,z)为坐标的物体变换到 以一个个像素位置(x,y) 来表示的屏幕坐标系之中(2维)，这确实是一个较为复杂的过程，但是整个过程可以被细分为如下几个步骤： (1)模型变换:modeling tranformation 这一步的目的是将虚拟世界中或者更具体点，游戏场景中的物体调整至他们应该在的位置 (2)摄像机变换:camera tranformation
GAMES101现代计算机图形学入门——光栅化成像之视图变换
qq_59153970的博客
09-30 323
GAMES101现代计算机图形学入门课程个人笔记，对应原视频中04节内容 在涵盖了课程内容基础上，在个人能力范围之内进行部分了拓展，包含作业的代码及实现思路
Games101计算机图形学笔记L4 Transformation Cont
GPLlli的博客
09-01 260
L4 Transformation Cont 3D transfromations 注：n默认是过原点的 Viewing(观测) transformation View(视图)/Camera transformation 简称mvp变换（model view projection） 定义一个相机 默认相机方向 原变换不好求可以先求逆变换，转置就变成原变换了 Projection(投影) transformation(difficult) 正交与透视的区别 -Orthographic(
Games101学习笔记（一）
魏不饱的博客
07-09 547
Games101学习笔记1
帮我把这段代码修改为vue文件<template> <view class="main"> <!-- <view class="logo-container"> <image class="logo" src="/static/logo.png"></image> </view> --> <view class="text-area"> <text class="title">职业分析规划测试</text> <el-button @click="toQuestionnaire">开始测试</el-button> </view> <view class="divided"> <view class="text-area divided-text">更多测试</view> <view class="text-area divided-text">(由第三方提供)</view> </view> <view class="text-area"> <text class="title">MBIT职业性格测试</text> <el-button @click="toApeskTest">开始测试</el-button> </view> <view class="footer"> Copyright © 2022 LEC </view> </view> </template> <script > methods:{ toQuestionnaire(){ this.$router.push({ path: '/home' }) }, } const toQuestionnaire = () => { uni.navigateTo({ url: '/pages/questionnaire/questionnaire' }) } const toApeskTest = () => { uni.navigateTo({ url: '/pages/apesk/apesk' }) } </script> <style lang="scss"> .main { padding: 50px; } .logo-container { text-align: center; .logo { margin: 0 auto; width: 100%; } } .text-area { text-align: center; font-size: 48px; } .title { font-size: 18px; } .divided { margin-top: 100px; padding-top: 10px; border-top: 1px solid #8f8f94; color: #8f8f94; .divided-text { font-size: 20px; } :nth-child(2) { font-size: 16px; } } .footer { font-size: 12px; color: #8f8f94; position: fixed; left: 50%; transform: translateX(-50%); bottom: 0; } </style>
02-06
这是你的代码的修改版本： ``` <template> <view class="main"> <!-- <view class="logo-container"> <image class="logo" src="/static/logo.png"></image> </view> --> <view class="text-area"> <text class="title">职业分析规划测试</text> <el-button @click="toQuestionnaire">开始测试</el-button> </view> <view class="divided"> <view class="text-area divided-text">更多测试</view> <view class="text-area divided-text">(由第三方提供)</view> </view> <view class="text-area"> <text class="title">MBIT职业性格测试</text> <el-button @click="toApeskTest">开始测试</el-button> </view> <view class="footer"> Copyright © 2022 LEC </view> </view> </template> <script> export default { methods: { toQuestionnaire() { this.$router.push({ path: '/home' }) }, toApeskTest() { this.$router.push({ path: '/apesk' }) } } } </script> <style lang="scss"> .main { padding: 50px; } .logo-container { text-align: center; .logo { margin: 0 auto; width: 100%; } } .text-area { text-align: center; font-size: 48px; } .title { font-size: 18px; } .divided { margin-top: 100px; padding-top: 10px; border-top: 1px solid; } </style> ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值