编辑
2024-03-18
WebGL
00

YI HE BINANCE

ULTRASOUND MONEY CRYPTO

  1. webgl坐标系: 画布中心为(0,0); 向右为x轴正方向,取值[-1,1]; 向上为y轴正方向,取值[-1,1];
  2. 栅格(canvas, 图像)坐标系: 左上角为(0,0); 向右为x轴正方向,取值[0,画布宽度];向上为y轴正方向,取值[0,画布高度];

image.png

  1. uv坐标系: 左下角为(0,0); ; 向右为x轴正方向,取值[0,1];向上为y轴正方向,取值[0,1];
编辑
2024-03-17
WebGL
00

BEST TIME TO TRADE CRYPTO IN US

相机分为两种: 1. 正交相机; 2. 透视相机;

正交相机中物体没有近大远小的关系; 透视相机可以展示出物体的近大远小的关系.

屏幕坐标系指的是: canvas坐标系

三维空间中的物体 => 全部做投影(根据相机)=> 相机视椎体映射到裁剪空间(判断物体是否在裁剪空间内)=> 裁剪空间映射到屏幕中

相机视椎体映射到裁剪空间: 这一步是相机的投影矩阵(Projection Matrix)的作用。它会将相机的视椎体映射到裁剪空间内的规范化设备坐标。

裁剪空间到屏幕空间:这个过程是由渲染器(Renderer)自动完成的。在渲染过程中,Three.js会将裁剪空间坐标映射到设备视口(Viewport)的范围内,最终得到屏幕像素坐标。

编辑
2024-03-06
WebGL
00

CRYPTO LOCK

视图矩阵是将物体的世界坐标系转换到观察坐标系。

观察坐标系是通过相机来决定的。

编辑
2024-03-06
WebGL
00

BUY CRYPTO ON UPHOLD

使用矩阵进行平移,缩放,旋转等操作有如下的好处:

  1. 便捷的组合变换.通过将多个变换矩阵相乘,可以轻松地组合多个变换,例如先平移再旋转,或者先缩放再平移,从而实现复杂的变换效果。
  2. 方便逆变换.矩阵表示的变换可以轻松地求逆,从而实现逆变换。如果我们有一个变换矩阵 M 来描述从一个坐标系到另一个坐标系的变换,我们可以很容易地找到它的逆变换M^-1,从而实现从目标坐标系到原始坐标系的变换。假设我们有一个平移矩阵 T,用于将一个点 P 从原始坐标系平移一定距离,变换后的点为P′。那么如果我们需要将P′还原到原始坐标系中,我们只需要对P′应用平移矩阵T的逆变换T^−1即可
  3. 性能卓越.相比于传统一个个计算变换, 矩阵可以使用矩阵乘法的并行运算,减少运算量,提高性能.
  4. 可扩展性.通过扩展矩阵表示的变换,可以轻松地引入新的变换操作,例如剪切、投影等,从而满足不同应用的需求。
  5. 简洁清晰.使用矩阵可以将平移、缩放和旋转等变换统一表示为一个矩阵形式,使得代码更加简洁清晰,易于理解和维护。
编辑
2023-12-09
前端
00

BINANCE US CUSTOMER SUPPORT

vue
<script setup lang='ts'> import { ref