canvas - Three.js では、WebGL でレンダリングしたものはすべて、キャンバスに比べて非常にぼやけています。

Question

私はいたるところを見回しましたが、これがなぜなのか理由を見つけることができません。

WebGL でレンダリングすると、アンチエイリアスがかかりすぎて何もわからないかのように、すべてが「ぼやけて」しまいます。キャンバス レンダラーは期待どおりに動作します。パーティクル システムと通常のメッシュは表示されますが、パーティクルは WebGL レンダラーにも表示されません。

Answer 1

透明でないパーティクルの場合: RGB ではなく RGBA (デフォルト) としてテクスチャをロードしたことを確認してください。フラグを true に設定するParticle必要がある場合もあります。transparent

ぼやけについての荒々しい推測: Chrome にはバグがあり、しばらくすると WebGL ビューポートが小さくなり始め、すべてがぼやけます。新しいタブを開くと修正されます。