admin 管理员组

文章数量: 1184232

angle

原文链接: angle-normals-ts 求三角形法线 画小刺兔

上一篇: 试试光追

下一篇: ts 使用 prototype 实现单例模式并支持推断

画出每个顶点的法线

/@rreusser/debugging-normals-without-duplicating-geometry-data

这个库之前只有js版, 我就先用ts直接复制粘贴了

基本思想就是对所有三角形的每个顶点求法线, 然后根据三角形的面积来做均值

小茶壶也是可以做的, 可以看到比较平坦的面, 点都比较少

可以用三角形画一个箭头, 这里就直接用线了, 思路都是一样的, 只不过多算一点坐标 

import { bunny,teapot } from "gl-model";
import createCamera from "regl-camera-ts";
import angleNormals from "angle-normals-ts";const normal = angleNormals(model.cells, model.positions);// 这里为了方便, 画的是在法线的两个距离const line: [number, number, number][] = [];const size = model.positions.length;const elements: [number, number][] = [];const s = 0.5;for (let i = 0; i < size; i++) {const p = model.positions[i];const n = normal[i].map((i) => i * s);elements.push([line.length, line.length + 1]);line.push([p[0] - n[0], p[1] - n[1], p[2] - n[2]]);line.push([p[0] + n[0], p[1] + n[1], p[2] + n[2]]);}

本文标签： angle

版权声明：本文标题：angle 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1693420962a220978.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。