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
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