新闻  |   论坛  |   博客  |   在线研讨会
Three.js教程:构建矩形平面几何体
xyni2023 | 2023-04-17 09:46:50    阅读:195   发布文章

Three.js教程:构建矩形平面几何体

推荐:将NSDT场景编辑器加到你的3D工具链
工具集:NSDT简石数字孪生
构建一个矩形平面几何体

有了前面几节课,自定义几何体BufferGeometry的基础,你可以尝试自己去构建一个矩形平面几何体。

#定义矩形几何体顶点坐标

一个矩形平面,可以至少通过两个三角形拼接而成。而且两个三角形有两个顶点的坐标是重合的。

注意三角形的正反面问题:保证矩形平面两个三角形的正面是一样的,也就是从一个方向观察,两个三角形都是逆时针或顺时针。

const vertices = new Float32Array([
    0, 0, 0, //顶点1坐标
    80, 0, 0, //顶点2坐标
    80, 80, 0, //顶点3坐标

    0, 0, 0, //顶点4坐标   和顶点1位置相同
    80, 80, 0, //顶点5坐标  和顶点3位置相同
    0, 80, 0, //顶点6坐标
]);


*博客内容为网友个人发布,仅代表博主个人观点,如有侵权请联系工作人员删除。

参与讨论
登录后参与讨论
推荐文章
最近访客