aframe-chromakey-material
A chromakey material for green screen effects in A-Frame. Provided a color, this material will remove that color from the video or image source. Perfect for blockbuster hollywood effects in VR!
API
| Property | Description | Default Value |
|---|---|---|
| color | Color to key from source. This is a vec3 of rgb values. Default is greenish. | 0.1 0.9 0.2 |
Installation
Browser
Install and use by directly including the browser files:
<script src="https://unpkg.com/aframe-chromakey-material/dist/aframe-chromakey-material.min.js"></script>See this example for usage.
npm
Install via npm/yarn:
npm install aframe-chromakey-materialThen require and use.
import 'aframe';
import 'aframe-chromakey-material';Credits
A big thanks to the prior research on chromakey shaders in WebGL and Three.js by: https://github.com/makc/makc.github.io/tree/master/three.js/chromakey https://github.com/hawksley/Threex.chromakey