Three.js 实现透明背景

例如中间放一个模型,背景透明通过相机可以看到现实环境,类似AR展示的效果.

1.Renderer渲染器设置:

renderer = new THREE.WebGLRenderer({

         //抗锯齿属性，WebGLRenderer常用的一个属性

        antialias:true,

        alpha:true

    });

    renderer.setClearAlpha(0);

2.Scene设置:

scene.background = null;

如果想背景变回不透明,给background 赋值一个颜色即可.