![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
图形学
文章平均质量分 97
nuise_
这个作者很懒,什么都没留下…
展开
-
Threejs 学习笔记 | 灯光与阴影
near :摄像机所在点为原点,垂直于left\right\top\bottom构成的十字坐标系,从距离原点什么位置开始进行渲染。far:摄像机所在点为原点,垂直于left\right\top\bottom构成的十字坐标系,到距离原点什么位置结束渲染。decay: 沿着光照距离的衰减量,默认值为 2。想象灯光,越靠近光源,光线越亮,光线会随距离的增而衰弱。2.将点光源添加到小球的children中,这样小球就成为点光源的父级。distance :光源照射的最大距离,默认值为 0(无限远)。原创 2024-05-10 15:09:09 · 1146 阅读 · 0 评论 -
three.js 学习笔记 | 光线投射技术 - 包围盒(碰撞检测)
如果没有设置则每次调用都会初始化一个新数组。原创 2024-04-27 20:09:33 · 1510 阅读 · 2 评论 -
threejs 组-层级模型 | 本地坐标和世界坐标 | 局部坐标系和世界坐标系 | 本地矩阵.materix和世界矩阵.matrixWorld
①会更新该三维物体的本地矩阵属性,②本地矩阵与父对象的世界矩阵做乘积,③依次更新该三维物体后代的世界矩阵(迭代①②③)。同一个三维物体拥有本地坐标与世界坐标两个坐标,在页面看见的位置是世界坐标的位置。这里的本地坐标和世界坐标是相对于有无父元素来说,坐标都是基于世界坐标系的位置。可以类比本地坐标与世界坐标,物体的运动参考坐标系永远是世界坐标系。1.可以看见本地坐标变了,但本地坐标系位置是没有变化的。2.打印世界坐标与本地坐标,可以发现都是一样的。,现在是将所有模型先进行分组,然后将分组后的分组模型。原创 2024-04-08 21:45:06 · 1275 阅读 · 0 评论 -
ThreeJS 几何体顶点position、法向量normal及uv坐标
本来矩形由2个三角形组成,也就是6个顶点。但有些顶点重复,为了复用我们也设置了顶点索引。所以这里的法向量也按照顶点索引来设置。// 顶点索引 [0, 2, 1, 2, 3, 1]0, 0, 1,0, 0, 1,0, 0, 1,0, 0, 1])原创 2024-02-23 16:47:28 · 2175 阅读 · 1 评论 -
Three.js 纹理贴图 - 环境贴图 - 纹理贴图 - 透明贴图 - 高光贴图
描述几何体的顶点坐标描述纹理贴图的坐标位置关系是一一对应的,每一个顶点位置对应一个纹理贴图的位置根据纹理坐标将纹理贴图的对应位置裁剪映射到几何体的表面上。0, 0, 0, //顶点1坐标100, 0, 0, //顶点2坐标0, 100, 0, //顶点3坐标]);0, 0, //顶点1对应位置的纹理坐标uv1, 0, //顶点2对应位置的纹理坐标uv0, 1, //顶点3对应位置的纹理坐标uv]);原创 2024-01-31 11:25:52 · 2025 阅读 · 0 评论 -
Three.js 学习笔记之模型 | 几何体 - 材质
说明:几何体所有顶点坐标三个为一组,构成一个三角形,多组顶点构成多个三角形,用来模拟物体的表面。4.1使用点模型渲染顶点数据,会把几何体渲染为点,网格模型Mesh会把几何体渲染为面。4.2使用线模型渲染顶点数据,从第一个点开始到最后一个点,依次连成线。在上述案例中,坐标4和坐标5其实是重复的坐标,重复的坐标可以复用吗?顶点坐标:一个矩形平面,可以至少通过两个三角形拼接而成。三个点可以构成一个三角形,从第一个点往第三个点连接。是一个没有任何形状的空几何体,通过定义顶点数据将。几何体顶点位置数据和点模型。原创 2024-01-17 20:46:30 · 1409 阅读 · 1 评论 -
three.js 学习笔记
渲染器执行render方法的时候会读取相机对象的投影矩阵属性projectionMatrix,但是不会每渲染一帧,都通过相机的属性计算投影矩阵(节约计算资源)。比如相机的位置属性,改变相机位置也可以改变相机拍照场景中模型的角度,实现模型的360度旋转预览效果,改变透视投影相机距离模型的距离,就可以改变相机能看到的视野范围。没有特定方向,整体改变场景的光照,会均匀的照亮场景中的所有物体。(物体表面)的影响,如果使用受光照影响的材质,在不开灯的情况下是看不见的。反射的光线越多,光越亮,反射的光线越少光越暗。原创 2024-01-07 21:41:15 · 1119 阅读 · 0 评论 -
线性代数的本质 (学习中 1.10更新)
在线性代数中,Vector被称为向量。在几何中,Vector被称为矢量。向量意义对数学家来说,向量是一个数字列表(程序员一般称为数组)。[1,2,3]表示为行向量,垂直过来就是列向量。可以引用向量来表示各个分量,通常使用x,y来代指二维向量中的元素,x,y,z来代指三维向量中的元素。比如a=[1,2,3]中矢量意义矢量是具有大小和方向的有向线段矢量的大小:矢量的长度,非负值。矢量的方向:描述矢量在空间中指向的方向。图形上每个矢量是位置无关的,比如使用笛卡尔坐标描述矢量时,原创 2024-01-02 23:00:19 · 548 阅读 · 0 评论