AR-Alphabets

KO | EN

gitlite — search

#php #ios #swift #javascript #hacktoberfest #tests #golang #ruby #macos #css #api #carthage

★ 128 Open GitHub ↗

Augmented Reality on Web (Web AR) for Kids to learn Alphabets with fun. AR on all Mobile Devices

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<div align="center">
<h1>AR-Alphabets</h1>

<p>Augmented Reality on Web for Kids to learn Alphabets with fun.</p>
</div>

<hr />

[![PRs Welcome][prs-badge]][prs] 
[![Code of Conduct][coc-badge]][coc]
[![Maintainability](https://api.codeclimate.com/v1/badges/62d680a2262c379e308a/maintainability)](https://codeclimate.com/github/prashant-andani/AR-Alphabets-words/maintainability)

[![Watch on GitHub][github-watch-badge]][github-watch]
[![Star on GitHub][github-star-badge]][github-star]
[![Tweet][twitter-badge]][twitter]

## What’s included?

* A to Z 3D models
* Navigate between different letters to show a respective 3D model
* Rotate 3D model
* Zoom in / out
* Speaks the alphabet letter with word
* works offline (PWA Support)

## Getting Started

Clone the repository or download and run the index.html in local server.
for ex: You can create local server with python. "python -m SimpleHTTPServer 8000"

### Prerequisites

An AR marker to scan. Scan the below marker with letter 'G' or [Print marker](https://github.com/prashant-andani/AR-Alphabets-words/blob/master/assets/pattern-letterG.png?raw=true) for better experience.

### 3D models displaying for each Alphabets.

| Alphabet |        3D Model        |
| -------- | :--------------------: |
| A        |  Airplane :airplane:   |
| B        |      Boat :boat:       |
| C        |       Cow :cow:        |
| D        |          Deer          |
| E        | Earth :earth_americas: |
| F        |   Flower :sunflower:   |
| G        |      Goat :goat:       |
| H        | Headphone :headphones: |
| I        |    Iphone :iphone:     |
| J        |    Jaguar :tiger2:     |
| K        |         Knife          |
| L        |          Lion          |
| M        |    Monkey :monkey:     |
| N        |          Nest          |
| O        |   Octopus :octopus:    |
| P        |    Pencil :pencil2:    |
| Q        |         Q-Tip          |
| R        |      Rat :mouse:       |
| S        |   Scissor :scissors:   |
| T        | Telescope :telescope:  |
| U        |  Umbrella :umbrella:   |
| V        |      Van :truck:       |
| W        |     Whale :whale2:     |
| X        |       Xmas Tree        |
| Y        |          Yolk          |
| Z        |         Zebra          |

### Built With

* [AR.js](https://medium.com/arjs) - The Web AR library
* [A-frame](https://aframe.io/blog/arjs/) - Aframe AR
* [Sketch-fab](https://sketchfab.com) - 3D models
* [Google Ploy](https://poly.google.com) - 3D models

### Authors

* **Prashant Andani** - - [Github](https://prashant-andani.github.io) | [Twitter](https://twitter.com/prashant_andani)

### Contributors

Contributions are most welcome

* Raise an issue
* Suggest a feature
* Raise a PR

> :star: Please don't forget to star this repo if you found it useful. :+1: :clap:

### Acknowledgements

* [Jerome Etienne](https://jeromeetienne.github.io)

### License

This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details

![letterG](https://github.com/prashant-andani/AR-Alphabets-words/blob/master/assets/pattern-letterG.png?raw=true)

[license]: https://github.com/prashant-andani/AR-Alphabets/blob/master/LICENSE
[prs-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square
[prs]: http://makeapullrequest.com
[coc-badge]: https://img.shields.io/badge/code%20of-conduct-ff69b4.svg?style=flat-square
[coc]: https://github.com/prashant-andani/AR-Alphabets/blob/master/CODE_OF_CONDUCT.md
[github-watch-badge]: https://img.shields.io/github/watchers/prashant-andani/AR-Alphabets.svg?style=social
[github-watch]: https://github.com/prashant-andani/AR-Alphabets/watchers
[github-star-badge]: https://img.shields.io/github/stars/prashant-andani/AR-Alphabets.svg?style=social
[github-star]: https://github.com/prashant-andani/git-scene/stargazers
[twitter]: https://twitter.com/intent/tweet?text=Check%20out%20git-scene%20by%20%40prashant-andani%20https%3A%2F%2Fgithub.com%2Fprashant-andani%2Fgit-scene%20%F0%9F%91%8D
[twitter-badge]: https://img.shields.io/twitter/url/https/github.com/prashant-andani/AR-Alphabets.svg?style=social

AR-Alphabets

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README