Webgl(or three.js) - background color to alpha?

[Dys]

Hi, I am not actually a CasparCG user but using vMix S/W to export CG SDI based HTML template.

The point is, is it possible not to render background by giving an alpha value in the canvas of three.js? just as it becomes transparent if the background color is given alpha or undefined in general html style.

Like TwitchAlerts, I am working on a html-based CG project, and I am researching how to synthesize a 3d model shape with a broadcast screen.

3D graphics for Connected TV

What I want to do is, for example, make the 3d model shark shown on the BBC web page come out of the canvas rather than in the canvas so that it can be synthesized well with the actual broadcast screen.

Please forgive the lack of language skills. Thanks

[rrebuffo]

TextFit and Three.js

Here you have that three.js example: Add gsap.min.js from here to the js folder. The example must be run from a webserver (like nginx or node.js) for it to work (external texture loading is not allowed from local filesystem templates)

[Dys]

Thanks. but It didn’t work. maybe my coding skill could be wrong.
But I got hint from you. GSAP + three.js

GitHub - The-Assembly/Animate-the-Web-with-Three.js: Three.js is a revolutionary...

This is perfectly working.
thanks

---

Fix.
Thing that I knew wrong was I didnt add css file that undefined background color.
added CSS file in html and put parameter value of alpha in three.js renderer function.
It is solved. thanx