I have researched and attempted various solutions, but unfortunately none of them have been successful.
Here is an example of what I have tried:
var renderer = new THREE.WebGLRenderer( { alpha: true } );
and
root.renderer.setClearColor(0xffffff,0);
Despite my efforts, all I see is a black screen :/
Below is my "init" function :
function init() {
var root = new THREERoot({
createCameraControls:false,
antialias: true,
fov:60
});
root.renderer.setClearColor(0xffffff);
root.renderer.setPixelRatio(window.devicePixelRatio || 1);
root.camera.position.set(0, 0, 400);
var textAnimation = createTextAnimation();
textAnimation.position.y = -40;
root.scene.add(textAnimation);
var tl = new TimelineMax({
repeat:-1,
repeatDelay:0.25,
yoyo:true
});
tl.fromTo(textAnimation, 4,
{animationProgress:0.0},
{animationProgress:1.0, ease:Power1.easeInOut},
0
);
createTweenScrubber(tl);
}This is the code I am using :