https://github.com/pranav2092/ar_flash_card

https://github.com/pranav2092/ar_flash_card

ar-project augumented-reality html-css-javascript mind-ar three-js threejs

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/pranav2092/ar_flash_card
• Owner: Pranav2092
• License: mit
• Created: 2024-11-04T17:25:42.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-04T17:28:03.000Z (3 months ago)
• Last Synced: 2024-11-04T18:30:41.339Z (3 months ago)
• Topics: ar-project, augumented-reality, html-css-javascript, mind-ar, three-js, threejs
• Language: JavaScript
• Homepage: https://pranav2092.github.io/AR_Flash_Card/
• Size: 2.27 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# AR_Flash_Card

## Problem Statement

  Education – AR Flash Cards

## Tools Used

1. MindAR

2. Three.js

## How to use?

1.	Download the images from the images folder in the GitHub repository.

2.	Click on the link in the About section to see our project.

3.	Allow the web camera access to our website in the browser.

4.	Now show the test images (downloaded from the images folder) before the camera. You will see a 3D model for that target image.

5.	To get a better audio effect, use your earphones.

6.	When you move the image towards and away from the camera, you can see the model's size changing and sense the change in the sound volume for each model.

7.	You can also try to keep all 4 images together before the camera and see all the models simultaneously with their animations and sound effects.

## Contributors

  1. Pranav Sharma

  2. Yuvraj

  3. Andrew