Graphics 在THREE.js中使用像素化效果进行渲染
我正在处理一个THREE.js场景,我想用像素化效果渲染它。为此,我使用Graphics 在THREE.js中使用像素化效果进行渲染,graphics,three.js,html5-canvas,webgl,Graphics,Three.js,Html5 Canvas,Webgl,我正在处理一个THREE.js场景,我想用像素化效果渲染它。为此,我使用renderer.setPixelRatio(…)以低分辨率绘制场景,效果很好。问题是,结果似乎是抗锯齿的,甚至可能是通过画布的WebGL上下文 在Canvas 2d绘图api中,可以设置Canvas.context.imageSmoothingEnabled=false以确保绘制低分辨率场景时具有清晰的像素效果。我尝试在我的渲染器.context上使用此参数,但没有效果。还有别的办法吗 谢谢 这可以通过CSS样式表来完成。
renderer.setPixelRatio(…)
以低分辨率绘制场景,效果很好。问题是,结果似乎是抗锯齿的,甚至可能是通过画布的WebGL上下文
在Canvas 2d绘图api中,可以设置Canvas.context.imageSmoothingEnabled=false代码>以确保绘制低分辨率场景时具有清晰的像素效果。我尝试在我的渲染器.context
上使用此参数,但没有效果。还有别的办法吗
谢谢 这可以通过CSS样式表来完成。只需将此行添加到画布样式:
canvas {
image-rendering: pixelated;
}
也许是这个?如果找不到Three.js解决方案。我已经提供了一个类似问题的答案,但使用的是纯WebGL。