https://github.com/benallfree/cordova-arjs-showcase

https://github.com/benallfree/cordova-arjs-showcase

Last synced: 7 months ago
JSON representation

• Host: GitHub
• URL: https://github.com/benallfree/cordova-arjs-showcase
• Owner: benallfree
• Created: 2020-03-10T23:18:17.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-07T15:48:14.000Z (almost 3 years ago)
• Last Synced: 2025-01-17T03:46:37.251Z (9 months ago)
• Language: HTML
• Size: 22.1 MB
• Stars: 2
• Watchers: 4
• Forks: 0
• Open Issues: 34
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Cordova A-Frame Showcase

This Cordova app is a showcase of various A-Frame demos.

## Installation

```bash

git clone git@github.com:benallfree/cordova-aframe-showcase.git

cd cordova-aframe-showcase

npm i

cordova platform add ios

cordova run ios

```

Note: Currently, the iOS simulator is VERY slow. It's best to run these on a physical device.

## Available Demos

### Hello WebVR

![Hello WebVR](https://raw.githubusercontent.com/benallfree/cordova-aframe-showcase/master/samples/hello-webvr.gif)

### Hello Metaverse

![Hello Metaverse](https://raw.githubusercontent.com/benallfree/cordova-aframe-showcase/master/samples/hello-metaverse.gif)

### 360 Panorama

![360 Panorama](https://raw.githubusercontent.com/benallfree/cordova-aframe-showcase/master/samples/360pano.gif)

### Anime UI

![Anime UI](https://raw.githubusercontent.com/benallfree/cordova-aframe-showcase/master/samples/anime-ui.gif)

### Dynamic Lights

![Dynamic Lights](https://raw.githubusercontent.com/benallfree/cordova-aframe-showcase/master/samples/dynamic-lights.gif)

### Geometry Gallery

![Geometry Gallery](https://raw.githubusercontent.com/benallfree/cordova-aframe-showcase/master/samples/gallery.gif)

## Rolling Your Own

Create a new Cordova app and then follow the steps below.

Install the [cordova-plugin-xhr-local-file](https://github.com/benallfree/cordova-plugin-xhr-local-file) plugin. This is needed because

Cordova runs from `file://`, and XHR requests to local `file://` assets (JSON fonts, 3D models, etc) will fail without this plugin.

```bash

cordova plugin add cordova-plugin-xhr-local-file

```

In your `index.html`, adjust as follows:

```html

  

  ...

  

```

That's it! Now you can render an A-Frame scene.