如何将圆角边添加到a-plane（Aframe）Web VR

Question

如何将圆边/边界半径添加到a平面？

<a-plane position="1 0.75 -3" geometry="width: 1.25; height: 1.25;depth: 1.25;"></a-plane> 我必须做一个圆边的正方形

Answer 1

无法使用a-plane的圆角。您可以使用admin.auth().updateUser(uid, properties)

Answer 2

＆＃34; easy＆＃34;在这种情况下，建议是创建一个带圆角的矩形图形并将其另存为png文件。该图像应该用作平面的纹理。

确保在a-plane标记中使用material="transparent:true"，以确保圆角后面没有背景。

Answer 3

正如其他人所说，如果这是一次性的，只是视觉效果，你最好的选择是制作一个自定义纹理，并简单地纹理平面。

但是，如果您需要多个元素或需要它与其他元素进行交互，那么最好创建自定义几何体或组件。在how to extrude a flat square into an beveled object上的three.js网站上有一个例子。你可以create a custom component并输入它的长度和宽度，这样你就可以使用它上面的常规材料选项了。