Aframe-Museum is A 3D Virtual Museum built using A-Frame; A web framework that provides HTML components to make WebVR and build virtual reality experience.The museum is located somewhere in the space where nobody lives except a cute penguin that will guide you through your journey.I hope you'll enjoy the experience.
Currently, you can visit the museum only with the browser mozilla firefox. Navigate to the project folder and open index.html.
| key | Action |
|---|---|
| z | move forward |
| s | move backward |
| q | move left |
| d | move right |
| space bar | jump |
to turn around, use the mouse.
| browser | verified version |
|---|---|
| Mozilla firefox | 54.0.1 |
if you want to contribute to the project or to manipulate it, you should have these tools :
- npm - npm is the package manager for JavaScript and the world’s largest software registry.
- browserify - Browserify lets you require('modules') in the browser by bundling up all of your dependencies.
- grunt the JavaScript Task Runner
- grunt-script-link-tags - Auto-generate <script> and tags for your HTML files.
We use npm to install the dependencies of the project which are listed in package.json.
Navigate to the project folder and run the following command :
npm install
We use browserify to bundle up maintobrowserify.js (it contains some dependencies) into bundle.js which is included in index.html.
Run the following command from js/ if you want to bundle up maintobrowserify.js:
browserify maintobrowserify.js > bundle.js
We use the plugin grunt-script-link-tags to add automatically in
index.html the script tags of all the javascript files located in js/project.To run the plugin, you should have grunt installed.
If you want to update the tags, run the following command:
grunt slt
Ismail/Ismaël QOUIQA :: @QouiqaIsmail
This program is free software and is distributed under an MIT License.