2017-03-20 24 views
0

私はthree.jsとテクスチャでキューブを作った。私がテクスチャを追加すると、品質は良くありません。それは光がぼやけて、私はそれをいかに修正するか分からない。Three.js画質blured

例:

オリジナル画像

enter image description here

Three.jsにおける画像(ぼやけ)

enter image description here

あなたがより良い怒鳴るを見ることができます:(頭の中で青と金が同じではありません)

オリジナル画像を

enter image description here

(ぼやけ)Three.jsで画像

enter image description here

私は多くのソリューションを試しました:

texture.anisotropy = 16; 

-

renderer.setPixelRatio(window.devicePixelRatio ? window.devicePixelRatio : 1) 

-

renderer = new THREE.WebGLRenderer({ 
    canvas: theCanvas, 
    antialias: true, 
    preserveDrawingBuffer: true, 
    alpha:true 
}); 

私は軽すぎるを変更しようとしましたが、それは働いていませんでした。 three.jsで画質を直接変更することはできますか?

答えて

0

あなたが欲しい:

texture.generateMipmaps = false; 
+0

動作しますが、今の華麗なオーバーレイは表示されません。どのようにそれを無効にする? –

+0

アニメーション機能を使用しています –