Skip to content

A chromakey material for green screening in A-Frame. Perfect for blockbuster hollywood effects in VR! πŸ€—πŸŽ¬πŸ’š

License

Notifications You must be signed in to change notification settings

nikolaiwarner/aframe-chromakey-material

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

15 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

aframe-chromakey-material

Version License

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!

chasevr

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-material

Then 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

About

A chromakey material for green screening in A-Frame. Perfect for blockbuster hollywood effects in VR! πŸ€—πŸŽ¬πŸ’š

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published