2017-07-28 4 views
1

r67からr86にアップグレードした後、私たちのフットボールはそれほどセクシーではありません。誰も過去に似たような問題を抱えていましたか?バージョンアップ後の球のテクスチャ

球体をきれいにレンダリングしていたコードは、バージョンr86でテクスチャ(そしていくつかの照明が残っていますが、私はそこに住むことができます)を混乱させます。

球を作成し、一部:

const material = new THREE.MeshPhongMaterial({ map: texture, transparent: false }); 
material.alphaTest = 0.5; 
const geometry = new THREE.SphereGeometry(radius, res, res); 
const mesh = new THREE.Mesh(geometry, material); 

enter image description here

Fiddle using r86

+0

UVが変わったように見えます(r86バージョンでテキストがどのように変形されているかに注意してください)。 UVをソートしたら、利用可能な最小のフィルタ/ magフィルタを見てください:https://threejs.org/docs/#api/constants/Textures – TheJim01

+0

@ TheJim01 minFilterを追加しました。 https://jsfiddle.net/sL3wkuka/2/ありがとうございました!あなたは答えとしてあなたのコメントを投稿できますか? –

答えて

3

私のコメントでは、UVをチェックすることを提案しました。異なるmin/magフィルタ値(http://threejs.org/docs/#api/constants/Textures)を試してみると、テクスチャマッピングよりも画質を改善することができました。

気づいていなかったのは、あなたのテクスチャが既に球形であったということでした。標準的な線形フィルタは、テクスチャを、線形にマッピングしました。線形フィルタの重み付け/平均化は、マッピングが上に向かって圧縮されるようにしました(そして、目立ちませんでしたが)。設定texture.minFilter = THREE.NearestFilter;

ではなく、なぜならあなたの球状テクスチャの完璧だった最も近いピクセルにマッピングし、テクスチャ座標の重み/平均化を不時着しました。

関連する問題