@fern-solutions/aframe-screen-fade v1.0.2

Screen Fade component

This component allows the screen to be faded to and from a solid color. The effect works in both desktop and VR mode. This can be used for situations like loading a scene, handling transitions or snap turning.

Checkout the example: Online Demo | Source

Usage

Load the script from npm or add the following script tag:

<script src="https://unpkg.com/@fern-solutions/aframe-screen-fade/dist/screen-fade.umd.min.js"></script>

The screen-fade component can be attached to the <a-camera> as follows:

<a-camera screen-fade></a-camera>

The fade itself can then be controlled using the intensity property.

Properties