Three.JS with Canvas Renderer, 破碎的纹理 [英] Three.JS with Canvas Renderer, broken Textures

问题描述

如果你看看 .

更新:Material.overdraw 曾经是一个布尔值.现在是一个数字.

three.js r.61

If you look at http://stemkoski.github.io/Three.js/Wireframe.html without enable webgl, you see a white diagnal line crossing the texture. This happens only in CanvasRenderer. Does anyone knows how can this be fixed.

When WebGL is enabled, the output is correct, like below:

解决方案

The diagonal lines are an artifact of CanvasRenderer. You can compensate for them by setting material.overdraw = 0.5, or some number between 0 and 1.

The distortion in the checkerboard pattern when using CanvasRenderer is explained in the answer to ThreeJS Cube texture strange visual.

UPDATED: Material.overdraw used to be a boolean. It is now a number.

three.js r.61

这篇关于Three.JS with Canvas Renderer, 破碎的纹理的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！