3つのJS：テクスチャによる頂点変位は256の値に制限されますか？

Question

私はAshima's GLSL noiseを使用してThreeJSでWebGLRenderTargetに次のテクスチャをレンダリングしています：

私は、XYZにいくつかのメッシュの頂点を変位させるテクスチャのRGBチャンネルを読んでいるが、次のGLSLコードで軸：動きが非常に微妙であるため、

vec4 fluctuation = texture2D(fluxTexture, uv); 
curPos.y += (fluctuation.r - 0.5) * 40.0; 
curPos.x += (fluctuation.g - 0.5) * 20.0; 
curPos.z += (fluctuation.b - 0.5) * 20.0; 

しかし、私はRGBの値が変更されたときの頂点がすべてのステップのためのいくつかのピクセルをジャンプことに気付きました。私はこのアーティファクトを各色の256個の値に限定しています。テクスチャのビット深度を16ビットまたは32ビットに変更する方法はありますか？そうすれば、RGBチャンネルの精度をさらに高めることができますか？

Answer 1

あなたはレンダーターゲットのtypeプロパティに興味がある：

https://threejs.org/docs/?q=webgl#Reference/Constants/Textures

あなたがTHREE.FloatTypeを試すことができます。

// Test for iOS devices, because they don't support THREE.FloatType 
var dataType = (/(iPad|iPhone|iPod)/g.test(navigator.userAgent)) ? THREE.HalfFloatType : THREE.FloatType; 

this.renderTarget = new THREE.WebGLRenderTarget(50, 50, { 
    format: THREE.RGBAFormat, 
    type: dataType, 
});