小编Nap*_*uba的帖子

使用WebGL渲染器的3-js画布纹理丢失透明度(可以使用Canvasrenderer)

我尝试在一个立方体上渲染一个CircleGeometry(从我们展示的两个相机的角度来看).立方体是一个平面颜色,圆形的画布只有弧形而没有背景颜色.

  • 如果我使用Canvasrenderer,画布透明度就可以了,弧就是打印.
  • 如果我使用WebGL渲染器,整个圆圈将填充页面背景颜色,只显示其中的圆弧,因此透明度将丢失.

我为此创建了一个测试:http://jsfiddle.net/f4u7s/6/ ,您可以在WebGL和CanvasRendering之间切换以显示问题.(寻找

// ------------> Switch HERE
    //renderer = new THREE.CanvasRenderer();
    renderer = new THREE.WebGLRenderer();
Run Code Online (Sandbox Code Playgroud)

)

听起来与使用CanvasRendererthree.js纹理相似,但是使用WebGLRenderer票证显示为黑色,即使提出了解决方案(mesh.dynamic = true),问题仍然存在.

我错过了什么吗?

javascript canvas webgl three.js

4
推荐指数
1
解决办法
3455
查看次数

标签 统计

canvas ×1

javascript ×1

three.js ×1

webgl ×1