1 ThreeJS设置透明背景

ThreeJS可以模仿L2Dwidget.js看板娘的那种效果,我们可以渲染一个模型,然后将背景设置为透明,然后播放模型动画。

首先我们需要将场景的背景颜色设置为null或者不设置场景颜色,

scene.background = null;

然后将渲染器的alpha设置为true即可,

renderer = new THREE.WebGLRenderer({
            alpha:true
        });

然后在场景中渲染人物模型,播放人物的动画,并调整摄像头位置和角度即可。