Skip to content

An augmented reality business card project using AR.js, A-Frame, and Glitch.

License

Notifications You must be signed in to change notification settings

maviswisanggeni/ar-business-card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Business Card AR Project

Project Banner

Introduction

This repository contains a web-based Augmented Reality (AR) business card project developed using AR.js, A-Frame, and Glitch. The project allows users to view interactive 3D elements when scanning the business card with their devices.

Features

  • Augmented Reality: Utilizing AR.js to provide a seamless AR experience.
  • 3D Models: Created with A-Frame for immersive 3D interactions.
  • Easy Deployment: Hosted on Glitch for easy access and deployment.

Technologies Used

Getting Started

Prerequisites

To run this project locally, you'll need:

  • A web browser that supports WebXR (e.g., Chrome, Firefox)
  • A webcam or a mobile device with a camera

Installation

  1. Clone this repository to your local machine:

    git clone https://github.com/maviswisanggeni/business-card.git
  2. Navigate to the project directory:

    cd business-card
  3. Open index.html in your web browser to view the AR business card.

Usage

  • Print out the AR marker provided in the markers directory.
  • Open the index.html file in your web browser.
  • Point your camera at the printed AR marker to see the AR content.

Demo

bussines-card.mp4

About

An augmented reality business card project using AR.js, A-Frame, and Glitch.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages