I trying to port this webgl example Production-ready green screen in the browser to three.js putting the chroma key shader in a 3d object into the scene, because the idea is interact with camera and lights.This green screen algorithm is derived from the Chroma Key filter in OBS Studio that give us…

Production-ready green screen with three.js

Mugen87 February 4, 2021, 10:26am 2

I’ve quickly ported the code to the latest version of three.js: https://jsfiddle.net/mpkw8yse/

But without the video texture for simplicity.

4 Likes

Topic		Replies	Views
Chromakey shader Questions materials , geometry , shaders	0	294	May 1, 2024
VideoTexture Chromakey - WebXR AR & Three.js Questions video-texture , webxr	5	3563	July 2, 2020
Postprocessing frame showed with VideoTexture Questions post-processing	2	1133	June 14, 2019
Custom shader does not interact with light Questions materials , shaders	1	621	March 12, 2021
Video Green Scene Shadow Questions shadows	7	269	April 27, 2024