mechevarria / aframe-seed

Seed project for WebVR development using aframe

aframe-seed

This project was generated with angle package which can be installed with npm install angle and generated with npx angle initscene

Built with A-Frame.

To learn more about aframe, try out A-Frame School

Setup for local development

npm install
npm run start

Deploy to SAP Business Technology Platform (BTP)

You can create an account for free at SAP Business Technology Platform

• Make sure you have the Cloud Foundry Command Line Interface (cf CLI) installed

• Update the cf-login.sh script with the values found in the SAP Busines Technology platform cockpit. Then run the script to login.

cf-login.sh

Docker

A private container repository is deployable on SAP BTP through the Kyma runtime

You can create a public registry with security scanning for free at Quay.io

• Build and push the image with this script. You will have to edit the quay.io registry endpoint for the push command to work

docker-build.sh

• Run the continer with this script

docker-run.sh

• Finally, you can deploy the built image to SAP BTP with the following script

cf-push-docker.sh

Buildpack

• Push your code directly without the need of a container registry with the following command

cf-push-buildpack.sh

• The application will be packaged as a runtime container on the platform using the nodejs buildpack and a route automatically generated

Examples for further development

Augmented Reality

• AR.js is an addon library for AFrame that allows the creation of AR scenes

Vue integration

• To create a more complex WebVR application, there are some questions and answers around integration of Aframe and Vue.js