https://github.com/alfa256/aframe-video-illumination-component

Simulates light coming out of a-video.
https://github.com/alfa256/aframe-video-illumination-component

aframe aframevr javascript video vr webvr webxr

Last synced: 3 months ago
JSON representation

Simulates light coming out of a-video.

• Host: GitHub
• URL: https://github.com/alfa256/aframe-video-illumination-component
• Owner: alfa256
• License: agpl-3.0
• Created: 2018-03-26T01:26:05.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-03-26T03:29:05.000Z (almost 7 years ago)
• Last Synced: 2024-09-27T12:03:58.370Z (4 months ago)
• Topics: aframe, aframevr, javascript, video, vr, webvr, webxr
• Language: JavaScript
• Size: 9.61 MB
• Stars: 54
• Watchers: 4
• Forks: 6
• Open Issues: 2
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
## aframe-video-illumination-component

[![Version](http://img.shields.io/npm/v/aframe-video-illumination-component.svg?style=flat-square)](https://npmjs.org/package/aframe-video-illumination-component)

[![License](http://img.shields.io/npm/l/aframe-video-illumination-component.svg?style=flat-square)](https://npmjs.org/package/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](https://alfa256.github.io/aframe-video-illumination-component/examples/basic/index.html)

![effect](/examples/basic/demo.gif)

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

For [A-Frame](https://aframe.io).

### 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](dist):

```html

  My A-Frame Scene

  

  

  

  

    

  

    

  

```

#### npm

Install via npm:

```bash

npm install aframe-video-illumination-component

```

Then require and use.

```js

require('aframe');

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

```