rtkcode / sizer

A web-based AR modelling and measurement application

Sizer

A web-based AR modelling and measurement application.

Sizer is the project of COMP3025J Augmented and Virtual Reality

Introduction

Sizer is a web-based AR modelling and measurement application. It allows users to freely model in a virtual environment and project into reality. In addition, it can also measure the length, width, and height of real objects and store them in a virtual environment. In the third edition, Sizer added the function of measuring angle.

Examples

Live Demo Video Demo

Features

Modelling: Sizer allows users to create objects in a virtual scene, and supports free movement, copy, undo, clear, and creating new custom object operations. Users can project the created objects into reality.

Measurement: Sizer uses WebXR technology to detect a plane and measure the distance between two points on the plane, which can be used to measure the length, width, and height of an object.

Measuring Angle: Sizer enables users to measure the angle on the plane, which is achieved by calculating the angle between two lines through obtaining two vectors composed of four points.

Libraries

Vue.js: The Progressive JavaScript Framework

A-Frame: A web framework for building virtual reality experiences

aframe-click-drag-component: A Click & Drag component for A-Frame

AR.js: Augmented Reality on the Web

three.js: JavaScript 3D library

Project setup

npm install
npm run serve
npm run build

sizer's Issues

configuration is not supported

Hi

When i try to run the demo link (Measurement) I'm facing an issue.

Could not create a session because: The runtime for this configuration could not be installed
DOMException: The specified session configuration is not supported.

I have cloned the code and tested, even in local code i'm getting the same error.

I have tested in mobile device.

Mobile configuration

Manufacture: Xiaomi
Model: A1
OS: Android 9

Browser details

Name: Google Chrome
Version: 92