我在使用png作爲three.js中的紋理時遇到了一個奇怪的問題。 png在可見區域和透明區域之間的區域會出現奇怪的邊界。我已經嘗試過玩alphatest的價值,但是有時候圖像會在真正很薄的1px行的地方完整地消失。有沒有解決方法如何解決這個問題?three.js透明png紋理奇怪的邊框webgl
var explosionTexture = new THREE.ImageUtils.loadTexture('explosion.png');
boomer = new TextureAnimator(explosionTexture, 4, 4, 16, 55); // texture, #horiz, #vert, #total, duration.
var explosionMaterial = new THREE.MeshBasicMaterial({ map: explosionTexture });
explosionMaterial.transparent = true;
var cube2Geometry = new THREE.PlaneGeometry(64, 64, 1, 1);
cube2 = new THREE.Mesh(cube2Geometry, explosionMaterial);
cube2.position.set(100,26,0);
scene.add(cube2);
// renderer
//renderer = new THREE.WebGLRenderer({ antialias: false, premultipliedAlpha: true });
renderer = new THREE.WebGLRenderer({ antialias: false });
一些代碼將是偉大的 – Muath
在這裏你可以看到1px的細線的外觀在編輯器: [1]:http://i.imgur.com/Www2PsR.png ?1?2013 以下是它在瀏覽器中的外觀:紋理: [2]:http://i.imgur.com/Z3J9S0f.png?1?5201 – greenglow