Three.js 平面几何边框围绕纹理

Question

我正在构建一个 3D 图像查看器，其中包含 Three.JS 平面几何图形作为占位符，图像作为纹理。

现在我想在图像周围添加一个黑色边框。我发现实现这一点的唯一方法是在要显示的图像后面添加一个新的黑色平面几何图形。但这需要对我的框架进行整体更改，而我想避免这样做。

WebGL 的纹理加载函数 gl.texImage2D 有一个边框参数。但我无法在 Three.js 的任何地方发现这一点，并且怀疑它是否按我认为的方式工作。

有没有更简单的方法在纹理周围添加边框？

Answer 1

您可以使用临时的常规 2D 画布来渲染图像并在其中应用任何类型的编辑/效果，例如绘制边框等。然后将该画布图像用作纹理。可能需要一些工作，但您将获得很大的灵活性来设置边框和其他内容。

我不在我的开发机器附近，也不会在几天内，所以我无法查找我自己的示例。本期包含一些帮助您入门的代码：https://github.com/mrdoob/three.js/issues/868