360° Image Gallery

See it in action

Prerequisites

This project is only tested in Chrome (65.0). It may work, but it is not optimized for other browsers.

Motivation

Play project to become familiar with A-Frame. Basis for this gallery was the A-Frame 360° Image Gallery Guid.

Run app locally

Prerequisites: node.js

Install dependencies:

$ npm install

Run application:

$ npm start
...
...
 ｢wds｣: Project is running at http://localhost:8080/
...

Credits

A-Frame and the community components from the ecosystem made it easy to build some first virtual reality experiences.

Repos used in the gallery:

• https://github.com/aframevr/aframe
• https://github.com/ngokevin/kframe/tree/master/components/layout
• https://github.com/ngokevin/kframe/tree/master/components/event-set
• https://github.com/ngokevin/kframe/tree/master/components/look-at
• https://github.com/ngokevin/kframe/tree/master/components/animation
• https://github.com/protyze/aframe-asset-on-demand-component

Repos used in image scenes:

• https://github.com/aframevr/aframe
• https://github.com/ngokevin/kframe/tree/master/components/entity-generator
• https://github.com/ngokevin/kframe/tree/master/components/randomizer
• https://github.com/feiss/aframe-environment-component