Three.js 實現透明背景

例如中間放一個模型,背景透明通過相機可以看到現實環境,類似AR展示的效果.

1.Renderer渲染器設置:

renderer = new THREE.WebGLRenderer({

         //抗鋸齒屬性，WebGLRenderer常用的一個屬性

        antialias:true,

        alpha:true

    });

    renderer.setClearAlpha(0);

2.Scene設置:

scene.background = null;

如果想背景變回不透明,給background 賦值一個顏色即可.