VR - A-Frame TEST

360 VR technical test with a-frame library.

Installation steps:

git clone https://github.com/franlol/aframe-visyon.git

Open index.html using a local server

Or use deployed version

Features

• When you open index.html with your local server, you will see the sea, 2 little islands with banners (option menus) and a sky.

• There will be 3 banners like this one:

• You can interact with the banners clicking on the options.

  • Backgrounds banner will update your scenario Background.

  • Videos banner will update your 2D screen with a 2d video, or your scenario with 360 video.

  • Images banner will update the poster with some cool image.

Info:

This proyect has been developed under Arch Linux and tested in Google Chrome with VisualCode live server.

Demo:

More info:

For the banner 'hovers' I have used aframe-event-set-component to handle some events, but for videos logic I have used registered components (in js file).