three.js - 使用 Three.js 创建类似屋顶的结构

Question

我目前正在尝试一种方法，在 Three.js 中的挤压形状之上创建类似屋顶的结构。在不深入研究直骨架的情况下，我能想到的最简单的方法是挤出并缩放我的挤出网格的顶面，使其看起来像屋顶，或者在顶部创建一个形状像屋顶的新网格。

如果应用于拉伸矩形（立方体），这是我所追求的最基本样式：

屋顶的阴影区域高于非阴影区域。

和相同的样式，如果应用于更复杂的挤压形状：

我无法解决的是如何创建这样的屋顶结构，尤其是对于像第二个示例这样的复杂形状。我有建筑物“足迹”的顶点，但我不知道如何在缩放顶面以给出倾斜的侧面时挤压它们。

我绝对可以计算出缩放的顶点位置，但是我还有另一个问题是不知道如何将顶部（缩放）面连接到底面（即如何制作侧面）。

有任何想法吗？

Answer 1

听起来您想在ExtrudeGeometry. https://github.com/mrdoob/three.js/blob/master/src/extras/geometries/ExtrudeGeometry.js

Answer 2

由于顶部屋顶多边形将具有与底部屋顶多边形相同数量的顶点，这不只是循环通过每个顶部屋顶多边形顶点并将其连接到其底部屋顶多边形顶点的情况吗？

并且，顶部屋顶多边形上的任何两个顶点以及底部屋顶多边形上的相关顶点将为您提供侧面的所有顶点。