# Chromakey shader

**URL:** <https://discourse.threejs.org/t/chromakey-shader/64910>\
**Category:** Questions\
**Tags:** shaders, materials, geometry\
**Created:** [May 1, 2024, 12:54pm UTC](https://discourse.threejs.org/t/chromakey-shader/64910 "2024-05-01T12:54:08Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![POP](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/pop/32/31182_2.png) [@POP](https://discourse.threejs.org/u/POP)\
**Post date:** [May 1, 2024, 12:54pm UTC](https://discourse.threejs.org/t/chromakey-shader/64910/1 "2024-05-01T12:54:08Z")

</div>

I’ve been attempting to utilize a shader to remove a color from a video, ie green/chroma keying.  
The shader was originally posted by Mugen87 at [Production-ready green screen with three.js](https://discourse.threejs.org/t/production-ready-green-screen-with-three-js/23113)

Here’s the code:

 html, body{ background:#323232; outline: none; overflow: hidden; margin:0;}