转

canvas 2D api 3D 视觉

转载自：canvas 2D api 3D 视觉一、平面透视视觉近者大而远着小乎，对于一个图形而言，在空间内，大小不变的情况下，随着Z轴的正向运动（指向屏幕），那么我们会看到物体变得越来越小，反之则越来越大；而对于我们代码而言，需要关心的，是它现在应该绘制成多大。那么对此我们需要推导出一个“缩放比例”。以上图为例，同一个圆，它位于屏幕的大小，我们将它的单位定为1单位，那么在它延Z轴方向运动的时候（左

原

Matrix4的平移、旋转缩放

matrix4/** * 4*4矩阵原理可以参考这篇文章：http://blog.vr-seesee.com/detail/185 * 矩阵是用于表示变换而不是坐标，4*4矩阵的核心是变换：平移、旋转、缩放 */class Matrix4 { constructor() { this.elements = [ 1, 0, 0, 0,

转

threeJS中4*4矩阵实现平移和旋转的原理

首先要说明的是，本文的标题事实上来自于知乎上的一个同名问题：为什么directX里表示三维坐标要建一个4*4的矩阵？ - 编程 。因此，正如Milo Yip大神所说的这个标题事实上是存在问题的：矩阵是用于表示变换而不是坐标的。再了解了矩阵的作用之后，我们就要继续思考为什么变换要使用一个4×4的矩阵而不是3×3的矩阵呢？是不是多此一举呢？下面我们就来聊聊这个话题。怎么平移一个三维空间中的点？我们应该

原

点乘和叉乘的运用

一、点乘（又称“数量积”、“内积”）1、理论知识 在数学中，点积的定义为a·b=|a|·|b|cos<a,b> 【注：粗体小写字母表示向量，<a,b>表示向量a,b的夹角，取值范围为[0，π]】。从定义上，我们知道向量的点积得到的是一个数值。而不是向量（这点大家要注意了！要与叉积进行区别）。另外点积中的夹角<a,b>没有顺序可言，即<a,b&a

原

平面向量

向量的表示有点A（1，3）和点 B（2，4），向量AB就可以表示成：向量AB=（2-1，4-3）=（1，1）向量BA就可以表示成：向量BA=（1-2，3-4）=（-1，-1）

原

2d矩阵(3*3矩阵)

CSS3中的矩阵指的是一个方法，书写为matrix()和matrix3d()，前者是元素2D平面的移动变换(transform)，后者则是3D变换。2D变换矩阵为3*3；3D变换则是4*4的矩阵。CSS3中的移动、旋转、缩放、倾斜都是基于matrix()实现的。CSS3 2D矩阵：matrix(a,b,c,d,e,f);矩阵转换：矩阵与位移、缩放、旋转、倾斜：位移：matrix(1, 0, 0,

原

加速度

在最简单的匀加速直线运动中，加速度的大小等于单位时间内速度的增量。若动点的速度v1经t秒后变成v2，则其加速度可表示为：即：v2=v1+a*t动点Q做一般空间运动时，速度矢量的变化和所经时间△t的比，称为△t时间内的平均加速度(图1)，记为a平：当时间间隔△t趋于零时，平均加速度的极限称为瞬时加速度(图1)，简称加速度，记为a：因而加速度的严格定义为：加速度矢量等于速度矢量对时向的导数，其方向沿着

原

三角函数总结

正弦，余弦，正切，余切直角三角形中正弦sin：对比/斜边，值在-1.0到1.0之间余弦cos：邻边/斜边，值在-1.0到1.0之间正切tan：sin/cos=对边/邻边余切cot：cos/sin=邻边/对边角度，弧度角度转弧度： π/180×角度 弧度变角度 ：180/π×弧度60°=π / 3，90°=π / 2，180°=π，等号的左边是度数，右边是弧度。圆上的点假设一个圆的圆心坐标是(a,b