javascript - Three.js - 积分

Question

当我使用 Three.js 创建一个点时，它看起来像一个正方形。我怎样才能使它看起来圆？我在文档中看到了一些混合因素，但我不太明白如何在我的观点中使用它们，我什至不知道这是否是正确的方法。

Answer 1

我使用的一个技巧是创建一个 SVG 圆形元素，使用 canvg 将其渲染到 Canvas ，然后将该 Canvas 渲染为纹理以在点云中使用。

通过在圆上应用渐变，我可以在带有 2D 圆的 3D 球体上产生 Shiny 的错觉。

有太多代码无法发布到答案中，但我在 Github 上有一个项目，如果有兴趣，您可以查看它演示了这个想法。请参阅:https://github.com/alexpreynolds/cubemaker以及相关的演示:http://alexpreynolds.github.io/cubemaker/

如果您只想要圆圈而没有“ Shiny ”效果，则可以删除渐变。或者直接在 Canvas 元素上画一个圆圈，完全跳过 SVG。