three.js渲染到纹理Alpha无法正常工作

尊巴人

我正在尝试渲染为具有alpha的纹理,并在场景顶部渲染该纹理。尽管纹理的背景不是透明的,但清晰的颜色呈现在场景上。

我用alpha:true创建了渲染器,透明色的alpha为0,纹理的格式为RGBA

我想念什么?

//creating the texture
rtTexture = new THREE.WebGLRenderTarget( window.innerWidth, 
    window.innerHeight, { minFilter: THREE.LinearFilter, 
    magFilter: THREE.NearestFilter, format: THREE.RGBAFormat } );

//creating renderer
renderer = new THREE.WebGLRenderer({ alpha: true });
renderer.setSize( window.innerWidth, window.innerHeight );
renderer.autoClear = false;

//textured quad
var quad = new THREE.PlaneBufferGeometry(camSize,camSize/aspect);
var mat = new THREE.MeshBasicMaterial({map:rtTexture,
    depthWrite:false, depthTest: false});
var quadOb = new THREE.Mesh(quad, mat);

//rendering
renderer.setClearColor(0x000000, 0);
renderer.render(sceneTorus, camera, rtTexture, true);
renderer.render(sceneTet, cameraRTT, null, true);
renderer.render(sceneQuad, cameraRTT, null, false);
尊巴人

quadOb.material.transparent = true;

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

THREE.js OrbitControls无法正常工作

来自分类Dev

THREE.js-无法在本地加载纹理

来自分类Dev

Three.js相机外观无法正常工作

来自分类Dev

为什么Three.js中的DirectionalLight无法正常工作?

来自分类Dev

Three.js相机外观无法正常工作

来自分类Dev

在three.js中旋转相机无法正常工作

来自分类Dev

THREE.meshphongmaterial无法正常工作-黑色

来自分类Dev

THREE.SpriteCanvasMaterial无法正常工作

来自分类Dev

Three.js-更新纹理

来自分类Dev

WebGL / three.js片段着色器-用alpha透明色覆盖alpha透明纹理

来自分类Dev

WebGL / three.js片段着色器-用alpha透明色覆盖alpha透明纹理

来自分类Dev

Three.js:在MeshFaceMaterial中使用cubeMaterials和不透明度-THREE.DoubleSide无法正常工作吗?

来自分类Dev

Three.js:在MeshFaceMaterial中使用cubeMaterials和不透明度-THREE.DoubleSide无法正常工作吗?

来自分类Dev

除非修改了源代码,否则Three.js骨骼动画无法正常工作

来自分类Dev

THREE的3个js修订版71。MeshFaceMaterial无法正常工作

来自分类Dev

3d法线贴图在Three.js中无法正常工作

来自分类Dev

在Three.js中使用二进制加载器加载对象无法正常工作

来自分类Dev

大跃进运动+ oculus + THREE.JS:无法使“ optimizeHMD = true”正常工作(头戴式)

来自分类Dev

three.js:BufferGeometry和纹理

来自分类Dev

Three.js透明模型纹理错误

来自分类Dev

Three.js使用framebuffer作为纹理

来自分类Dev

使用Three.js进行纹理喷涂

来自分类Dev

用户在three.js中上传纹理

来自分类Dev

three.js从cubecamera创建纹理

来自分类Dev

在THREE.js中纹理球体

来自分类Dev

如何水平翻转Three.js纹理

来自分类Dev

three.js:纹理全黑

来自分类Dev

three.js:纹理全白

来自分类Dev

Three.js中的图素纹理

Related 相关文章

  1. 1

    THREE.js OrbitControls无法正常工作

  2. 2

    THREE.js-无法在本地加载纹理

  3. 3

    Three.js相机外观无法正常工作

  4. 4

    为什么Three.js中的DirectionalLight无法正常工作?

  5. 5

    Three.js相机外观无法正常工作

  6. 6

    在three.js中旋转相机无法正常工作

  7. 7

    THREE.meshphongmaterial无法正常工作-黑色

  8. 8

    THREE.SpriteCanvasMaterial无法正常工作

  9. 9

    Three.js-更新纹理

  10. 10

    WebGL / three.js片段着色器-用alpha透明色覆盖alpha透明纹理

  11. 11

    WebGL / three.js片段着色器-用alpha透明色覆盖alpha透明纹理

  12. 12

    Three.js:在MeshFaceMaterial中使用cubeMaterials和不透明度-THREE.DoubleSide无法正常工作吗?

  13. 13

    Three.js:在MeshFaceMaterial中使用cubeMaterials和不透明度-THREE.DoubleSide无法正常工作吗?

  14. 14

    除非修改了源代码,否则Three.js骨骼动画无法正常工作

  15. 15

    THREE的3个js修订版71。MeshFaceMaterial无法正常工作

  16. 16

    3d法线贴图在Three.js中无法正常工作

  17. 17

    在Three.js中使用二进制加载器加载对象无法正常工作

  18. 18

    大跃进运动+ oculus + THREE.JS:无法使“ optimizeHMD = true”正常工作(头戴式)

  19. 19

    three.js:BufferGeometry和纹理

  20. 20

    Three.js透明模型纹理错误

  21. 21

    Three.js使用framebuffer作为纹理

  22. 22

    使用Three.js进行纹理喷涂

  23. 23

    用户在three.js中上传纹理

  24. 24

    three.js从cubecamera创建纹理

  25. 25

    在THREE.js中纹理球体

  26. 26

    如何水平翻转Three.js纹理

  27. 27

    three.js:纹理全黑

  28. 28

    three.js:纹理全白

  29. 29

    Three.js中的图素纹理

热门标签

归档