我正在研究地形生成器,但我不知道如何处理颜色。我希望能够生成一张占据整个 PlaneGeometry 的图像。我的问题是如何根据我的高度图创建一个覆盖整个 PlaneGeometry (没有环绕)的单个图像?我可以想到一种方法,但我不确定它是否能完全覆盖 PlaneGeometry 并且效率非常低。我会在画布上用颜色在二维视图中绘制它。然后我将画布转换为纹理这是最好/唯一的方法吗?
更新:使用 DataTexture 时,我遇到了一些错误。我完全不知道我哪里错了。这是我得到的错误:
WebGL: drawElements: texture bound to texture unit 0 is not renderable. It maybe non-power-of-2 and have incompatible texture filtering or is not 'texture complete'. Or the texture is Float or Half Float type with linear filtering while OES_float_linear or OES_half_float_linear extension is not enabled.
DataTexture 和 PlaneGeometry 的大小均为 512^2。我可以做什么来解决这个问题?
这是我使用的一些代码:
编辑:我修好了。这是我使用的工作代码。
function genDataTexture(){
//Set the size.
var dataMap = new Uint8Array(1 << (Math.floor(Math.log(map.length * map[0].length * 4) / Math.log(2))));
/* ... */
//Set the r,g,b for each pixel, color determined above
dataMap[count++] = color.r;
dataMap[count++] = color.g;
dataMap[count++] = color.b;
dataMap[count++] = 255;
}
var texture = new THREE.DataTexture(dataMap, map.length, map[0].length, THREE.RGBAFormat);
texture.needsUpdate = true;
return texture;
}
/* ... */
//Create the material
var material = new THREE.MeshBasicMaterial({map: genDataTexture()});
//Here, I mesh it and add it to scene. I don't change anything after this.
如果数据已经在您的 Javascript 代码中,最佳方法是使用DataTexture
-- see https://trijs.org/docs/#api/textures/DataTexture https://threejs.org/docs/#api/textures/DataTexture对于一般文档,或查看THREE.ImageUtils.generateDataTexture()
一种相当方便的制作方法。http://trijs.org/docs/#Reference/Extras/ImageUtils http://threejs.org/docs/#Reference/Extras/ImageUtils
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)