/iamyann

An AR business card simple example to enjoy with you phone.

Primary LanguageJavaScript


image

My AR business card

A simple example of AR business card to enjoy with your phone. Built with ThreeJS and ARJS.

Demo · Report Bug · Request Feature

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contributing
  6. License
  7. Acknowledgments

About The Project

A simple project demonstrating a AR business card in WebAR using ThreeJS and ARJS. It consists of a physicial busines card with a QR code. When scanned the QR code opens the website and serves as the marker for the AR experience. All buttons are actually HTML links to my personal social media accounts.

(back to top)

Built With

  • javascript

(back to top)

Demo

ar-business-card.webm

Prerequisites

Nothing particular, it's a static webpage.

Installation

Nothing particular, it's a static webpage.

Usage

  1. Scan the below QR code to access the experience webpage
  2. When the webpage appears, allow the use of your camera.
  3. Point your camera to the QR code again, a 3D version of myself should appear with someone talking to you at the other side.

Note: the buttons should lead you to my social network accounts.

qr code

Roadmap

None at the moment.

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement". Don't forget to give the project a star! Thanks again!

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

(back to top)

License

Distributed under the MIT License.

(back to top)

Acknowledgments

  • Aaron Hilton: that scanned my face and kindly offered me the resulting 3D asset.
  • ThreeJS: the best open-source JS 3D engine out there
  • ARJS: the best open-source WebAR engine out there

(back to top)