https://github.com/HackyRoot/A-Frame-Examples

AR/VR projects created using Mozilla's A-Frame framework
https://github.com/HackyRoot/A-Frame-Examples

aframe augmented-reality mozilla virtual-reality

Last synced: about 2 months ago
JSON representation

AR/VR projects created using Mozilla's A-Frame framework

• Host: GitHub
• URL: https://github.com/HackyRoot/A-Frame-Examples
• Owner: HackyRoot
• Created: 2018-06-21T07:54:20.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-05-31T09:24:35.000Z (over 4 years ago)
• Last Synced: 2024-08-04T03:02:35.788Z (5 months ago)
• Topics: aframe, augmented-reality, mozilla, virtual-reality
• Language: HTML
• Size: 1.54 MB
• Stars: 10
• Watchers: 1
• Forks: 23
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• vr-resources - A-Frame Examples

README

        
# A-Frame Examples

AR/VR projects created using Mozilla's  [A-Frame framework](https://aframe.io/)

## Demo:

- [Simple cube and sphere in AR](https://hackyroot.github.io/A-Frame-Examples/Happy_Birthday/1-basic.html)

- [Text in AR](https://hackyroot.github.io/A-Frame-Examples/Happy_Birthday/2-more-text.html)

- [3D model in AR](https://hackyroot.github.io/A-Frame-Examples/Happy_Birthday/3-3d_model.html)

- [Particles in AR](https://hackyroot.github.io/A-Frame-Examples/Happy_Birthday/4-particle.html)

- [Wish Birthday using AR](https://hackyroot.github.io/A-Frame-Examples/Happy_Birthday/5-final.html)

## Blog:

- [How I Wished My Friend On Her Birthday Using Augmented Reality](https://medium.com/@Hackyroot/https-medium-com-hackyroot-happy-birthday-using-aframe-9d2f0d177853)

## Deploy your AR webapp:

- You can use [Github Pages](https://pages.github.com/) or [ngrok](https://ngrok.com/) to deploy and use your webapp. For more details checkout slide 5 to 8 on [Aframe School](https://aframe.io/aframe-school/#/2/5)

## Resouces to get started with A-Frame :

- [A-Frame School](https://aframe.io/aframe-school/#/ "A-Frame School") : Collection of the tutorial intended for beginners

- [Augmented Reality in 10 Lines of HTML](https://medium.com/arjs/augmented-reality-in-10-lines-of-html-4e193ea9fdbf) : Great article to first timers

- [A-Frame Documentation](https://aframe.io/docs/0.8.0/introduction/) - Official documentation by Mozilla Team

- [A-Frame Slack Channel](https://aframevr-slack.herokuapp.com/) - Official slack channel of A-Frame community

## Credits:

- 3D Cake model - [Jarlan Perez](https://poly.google.com/view/5Xt6xQiR3qN)