观察空间就是相机的空间 投影矩阵本质就是对x、y、z分量进行不同程度的缩放(z还做了平移),结果就是视锥体近切面远切面变成正方形、视锥体的中心在(0,0)。 (对于正交相机,这一步已经得到了立方体) 屏幕映射:相当于视锥体(透视相机)映射到立方体(中心的在(0,0),长度是2)。 齐次坐标-homo ...
分类:
其他好文 时间:
2020-06-04 01:19:59
阅读次数:
70
一、渐变(gradient) 1.1 关于渐变 渐变表示从一种颜色平滑的过度到另一种颜色。它是图片<image>类型的一种,但是渐变类型图片没有尺寸,也没有长宽比。它的尺寸取决于被应用的场景,比如作为元素的背景图片时,其大小取决于元素的background-size,当用作list-style-im ...
分类:
Web程序 时间:
2020-06-03 23:22:54
阅读次数:
74
Python面向对象的开发肯定离不开class,有点类似C语言的struct可以抽象描述对象并返回数据于方法。 例如,建立一个class描述笛卡尔坐标系中的点: class point(): def __init__(self, x, y): self.x = x self.y = y self.n ...
分类:
编程语言 时间:
2020-06-03 20:05:16
阅读次数:
128
GPU流水线 上次已经说到GPU从CPU那里得到渲染命令,GPU渲染的过程就是GPU流水线。 虽然我们无法完全控制这两个?个阶段的实现细节,但GPU向开发者开放了很多控制权。 一.整体认识 这两个阶段可以分成若干个小的流水线 二.几何阶段(输出的信息是屏幕坐标系下的顶点位置以?及和它们相关的额外信息 ...
分类:
其他好文 时间:
2020-06-02 23:06:41
阅读次数:
100
页面做了一个简单的锚点跳转,如下图,我对左侧的四项加了页面定位跳转,也就是跳转至锚点 代码比较简单,和js的DOM操作原理是一样的 <div class="order-view" ref="orderview"> <div class="order-nav"> <ul> <li v-for="(it ...
分类:
其他好文 时间:
2020-06-02 16:05:56
阅读次数:
55
行间元素的特点: (1)不独占一行 (2)宽度与高度由标签中的内容撑开 (3)设置的width、height、margin-top、margin-bottom样式无效,padding-top、padding-bottom不占据空间 (4)行间元素与行间元素之间,如果存在换行或空格间隙,就会产生一个空 ...
分类:
其他好文 时间:
2020-06-02 09:35:59
阅读次数:
39
最近在项目的过程中遇到了一个问题,menu-bar希望始终显示在最上面,而在之后的元素都显示在它之下,当时设置了 z-index 也没有效果,不知道什么原因,因此找了一下css有关层叠方面的资料,解决了这个问题,这里记录一下~ 屏幕是一个二维平面,然而HTML元素却是排列在三维坐标系中,x为水平位置 ...
分类:
Web程序 时间:
2020-05-31 19:47:02
阅读次数:
103
定义 对于任意实数 \(a_i,b_i(i=1,2,\cdots,n)\),有 \[ \sum\limits_{i=1}^n a_i^2 \sum\limits_{j=1}^n b_j^2 \ge \left( \sum\limits_{i=1}^n a_ib_i \right)^2, (n\in\ ...
分类:
其他好文 时间:
2020-05-31 19:42:15
阅读次数:
351
相机内参数优化中构建的模型需要使用到 distort 过程,是将相机归一化平面直角坐标系上的点(即相机坐标系 Z = 1 上的坐标)进行畸变的过程。之后使用相机内参矩阵变换为 uv 坐标。 undistort 过程一般应用中难以用到,所以一直没有注意。distort 过程的逆映射就是 undisto ...
分类:
其他好文 时间:
2020-05-30 17:12:19
阅读次数:
78
题目链接 考虑将每个矩形看做两次操作,分别是在$Y$轴上叠加线段和去除线段。按$X$坐标排序后依次访问扫过。 注意:本题中,坐标表示的是直角坐标系的整点坐标,也即我们计算的是连续的面积,不过这里矩形都是水平的。 那么离散化一波,每个离散点表示到它的后继之间的线段。 考虑使用线段树,维护“覆盖计数”和 ...
分类:
其他好文 时间:
2020-05-27 22:01:47
阅读次数:
80