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

• 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.

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

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).