Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/three.js/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Webgl 纹理周围的Three.js平面几何体边框_Webgl_Three.js - Fatal编程技术网

Webgl 纹理周围的Three.js平面几何体边框

Webgl 纹理周围的Three.js平面几何体边框,webgl,three.js,Webgl,Three.js,我正在构建一个3D图像查看器,其中有三个.JS平面几何图形作为占位符,图像作为其纹理 现在我想在图像周围添加一个黑色边框。我发现实现这一点的唯一方法是在要显示的图像后面添加一个新的黑色平面几何体。但这需要对我的框架进行全面的更改,我希望避免这种情况 WebGL的纹理加载函数gl.texImage2D有一个用于边框的参数。但我无法通过Three.js在任何地方找到这一点,并且怀疑它是否能像我认为的那样工作 是否有更简单的方法在纹理周围添加边框?您可以使用临时常规2D画布渲染图像,并在那里应用任何类

我正在构建一个3D图像查看器,其中有三个.JS平面几何图形作为占位符,图像作为其纹理

现在我想在图像周围添加一个黑色边框。我发现实现这一点的唯一方法是在要显示的图像后面添加一个新的黑色平面几何体。但这需要对我的框架进行全面的更改,我希望避免这种情况

WebGL的纹理加载函数gl.texImage2D有一个用于边框的参数。但我无法通过Three.js在任何地方找到这一点,并且怀疑它是否能像我认为的那样工作


是否有更简单的方法在纹理周围添加边框?

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


我不在我的开发机器附近,而且几天内都不会在那里,所以我无法查找我自己的示例。本期包含一些代码,可以帮助您入门:

您是对的,但我将继续将边框作为一个单独的对象添加。我认为这可能比编辑每个纹理的性能要求要低(特别是因为我有时需要边框,有时不需要)。谢谢