aframe-video-illumination-component

Simulates light coming out of a-video.

Creates one light per quadrant and tries to simulate the emissive light from a screen or movie projection. Has an acceptable performance impact and low flicker, the result is quite realistic most of the time.

If you require another license to use this component in your closed source project please get in touch.

DEMO

effect

The ready player one trailer is used for demonstration purposes only and belongs to Warner Bros. Entertainment Inc.

For A-Frame.

API

Property	Description	Default Value
intensity	lights intensity	0.2
distance	falloff distance	10
frametime	ms between updates	41

Installation

Browser

Install and use by directly including the browser files:

<head>
  <title>My A-Frame Scene</title>
  <script src="https://aframe.io/releases/0.8.0/aframe.min.js"></script> 
  <script src="https://unpkg.com/aframe-video-illumination-component/dist/aframe-video-illumination-component.min.js"></script> 
</head>
 
<body>
  <a-scene>
  <a-assets>
    <video src="foo.mp4" id="somevideo" autoplay="true"></video>
  </a-assets>
    <a-video width="6" height="4" src="#somevideo" video-illumination="foo: bar"></a-video>
  </a-scene>
</body>

npm

Install via npm:

npm install aframe-video-illumination-component

Then require and use.

require('aframe');
require('aframe-video-illumination-component');

aframe-video-illumination-component