THREE.JS中的向量点乘，以及他的几何意义。

原创于 2024-05-26 16:18:25 发布 · 352 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#3d #线性代数

1. THREE.JS中的向量点乘，以及他的几何意义

向量点乘的公式 :
在这里插入图片描述

2. 在three.js 中计算向量点乘

const a = new THREE.Vector3(10, 10, 0);
const b = new THREE.Vector3(20, 0, 0);
const dot = a.dot(b);

从这里可以看出，向量的点乘的结果是一个数字(标量)。他的几何意义是：
向量A在向量B上的投影和向量B 相乘
从这也反应出，向量的特点 : 有方向有大小，所以在计算的时候，我们要保持这两个向量保持在一个方向上，及向量A在向量B上的投影。
在这里插入图片描述

3. 两个单位向量点乘，得到两个向量夹角的COS值

const a = new THREE.Vector(10, 10, 0);
const b = new THREE.Vector(10, 20, 0);
const dot = a.normalize().dot(b.normalize()); // 得到的是 cos 值
const rad = Math.acos(dot); // 此时就得到了，这个夹角的弧度制
const angle = THREE.MathUtils.radToDeg(rad); // 弧度制 转角度