在 Three.js 中，与画布相比，我使用 WebGL 渲染的任何内容都非常模糊答案

【问题标题】：In Three.js, whatever I render with WebGL is very blurry compared to the canvas在 Three.js 中，与画布相比，我使用 WebGL 渲染的任何内容都非常模糊
【发布时间】：2012-11-12 15:49:13
【问题描述】：

我环顾四周，找不到原因。

使用 WebGL 进行渲染时，一切都是“模糊的”，就好像它被过度抗锯齿而你无法分辨出任何东西。画布渲染器按预期工作。粒子也不会出现在 WebGL 渲染器中，尽管粒子系统和普通网格会出现。

【问题讨论】：

重启机器后模糊似乎消失了。然而，粒子仍然不会出现。在粒子系统中，他们正在做一些奇怪的事情，比如没有透明背景。 i.imgur.com/D0Ueg.png 它们是透明的，因为它们在画布渲染器中应该是透明的。
@user1477699 material.transparent = true.

标签： canvas webgl three.js

【解决方案1】：

对于不透明的粒子：确保已将纹理加载为 RGBA（默认）而不是 RGB。 Particle 可能还需要将 transparent 标志设置为 true。

关于模糊的猜测：Chrome 有一个错误，即 WebGL 视口在一段时间后开始变小，从而模糊了所有内容。打开一个新标签可以修复它。

【讨论】：