three.js叉乘.cross()计算三角形面积

最新推荐文章于 2024-01-07 08:12:58 发布

Threejs可视化

最新推荐文章于 2024-01-07 08:12:58 发布

阅读量782

点赞数 9

文章标签： Threejs Three.js

本文链接：https://blog.csdn.net/u014291990/article/details/135322534

版权

参考资料：threejs中文网

threejs qq交流群：814702116

three.js叉乘.cross()计算三角形面积

通过three.js叉乘.cross()计算三角形面积。

知识回顾：向量叉乘几何意义

假设向量a和b的夹角是θ，a和b叉乘结果是c，c的长度c.length()是a长度a.length()乘b长度b.length()乘夹角θ的正弦值sin(θ)

c.crossVectors(a,b);
c.length() = a.length()*b.length()*sin(θ)

在这里插入图片描述

三角形两条边与夹角正弦值相乘的几何含义

L1 x L2 x sin（θ）= h x L2 = 三角形面积2倍

在这里插入图片描述

这提醒我们，可以用三角形的两条边构建两个向量进行叉乘，叉乘的结果c的长度就表示三角形面积的2倍

叉乘`.cross()`和`.length()`计算三角形面积公式

在这里插入图片描述

// 三角形两条边构建两个向量
const a = p2.clone().sub(p1);
const b = p3.clone().sub(p1);
// 两个向量叉乘结果c的几何含义：a.length()*b.length()*sin(θ)
const c = a.clone().cross(b);

// 三角形面积计算
const S = 0.5*c.length();

console.log('S',S);