https://github.com/rishabh-pahwa/ar-door-viewer

A cross platform (iOS & Android) web app that renders Images of doors in an AR enviroment.
https://github.com/rishabh-pahwa/ar-door-viewer

arjs augumented-reality html-css-javascript threejs webxr webxr-polyfill

Last synced: 16 days ago
JSON representation

A cross platform (iOS & Android) web app that renders Images of doors in an AR enviroment.

• Host: GitHub
• URL: https://github.com/rishabh-pahwa/ar-door-viewer
• Owner: Rishabh-Pahwa
• Created: 2023-09-02T22:27:06.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-16T12:49:26.000Z (over 1 year ago)
• Last Synced: 2024-12-20T11:09:51.396Z (16 days ago)
• Topics: arjs, augumented-reality, html-css-javascript, threejs, webxr, webxr-polyfill
• Language: CSS
• Homepage: https://custom-steeldoors.netlify.app/
• Size: 12.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# AR-Door-Viewer

A cross platform (iOS & Android) web app that renders Images of doors in an AR enviroment.

Used threejs for the 3D part. Created a plane and mapped the image onto it.

Used ar.js(location based) for the AR experience.

Chose ar.js as it supports both WebGL & WebRTC.

Faked the location to make the location based experience as a markerless approach.

Doors can be viewed in preset sizes or a custom size.


V 2.0.0 : 


Added new feature- Users can now swap door designs while in AR mode


& few minor UI changes.


DEMO VIDEO-

https://github.com/Rishabh-Pahwa/AR-Door-Viewer/assets/74728374/8cb465f5-eacf-48f5-a76e-ee24645f2805

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

V 1.5.0 : 


Users can fix the door at its postion by the press of a button.


DEMO- 

https://github.com/Rishabh-Pahwa/AR-Door-Viewer/assets/74728374/5fdd177a-cb37-4280-949a-5186c30430b9