Skip to content

Latest commit

 

History

History
44 lines (34 loc) · 2.66 KB

README.md

File metadata and controls

44 lines (34 loc) · 2.66 KB

webAR-ARshoppy

This project is deprecated and no longer maintained.

webAR-ARshoppy is a web-based augmented reality (AR) application that allows users to view and interact with 3D models of furniture and other objects in their own environment. Users can select from a variety of products, such as chairs, tables, couches, vases, and desks, and place them in their surroundings using their device's camera. Users can also adjust the size, position, and orientation of the models, and see how they look from different angles.

Features

  • Web-based AR: No need to download or install any app, just open the website in a compatible browser and enjoy the AR experience.
  • Responsive design: The website adapts to different screen sizes and orientations, and supports touch gestures for mobile devices.
  • Multiple products: Users can choose from a range of products, each with its own 3D model and description.
  • Customizable models: Users can scale, rotate, and move the models in their environment, and see how they fit and match with their space.
  • Shopping page: Users can access a shopping page where they can see the prices and details of the products, and add them to their cart.

Technologies

  • HTML5
  • CSS3
  • JavaScript
  • Bootstrap
  • jQuery
  • Three.js
  • AR.js

How to use

  1. Clone or download this repository to your local machine.
  2. Open the index.html file in a web browser that supports WebXR, such as Microsoft Edge, Google Chrome, or Mozilla Firefox.
  3. Allow the website to access your device's camera and location.
  4. Point your camera at a flat surface, such as a floor or a table, and wait for a white circle to appear.
  5. Tap on the circle to place a 3D model of a chair on the surface.
  6. Tap on the model to select it, and use the buttons at the bottom of the screen to scale, rotate, or move it.
  7. Swipe left or right on the screen to switch between different products.
  8. Tap on the shopping cart icon at the top right corner of the screen to go to the shopping page, where you can see the prices and details of the products, and add them to your cart.

Disclaimer

This project is for educational and demonstration purposes only, and is not intended to be used for commercial or personal use. The 3D models and images used in this project are not owned by the author, and are obtained from various sources on the internet. The author does not claim any rights or responsibilities for the content or functionality of this project. Use it at your own risk.