Augment Reality a Brief Introduction with Javascript
Posted By : Pawanpreet Singh | 31-Jul-2018
Augment Reality??
It is a technology using which one can show information over the real world objects using devices such as mobile phones, tablets or AR glasses like Google Glass and Microsoft Hololens.
How Augment Reality differs from Virtual Reality??
In virtual reality, the user wears a device with a head-mounted display and experience a whole new world using that device. such devices shut the whole real world and provide a simulated environment to the user. but Augment Reality provide device provide experience over the real world where it adds computer-generated element over the real world object surrounding the user.
Frameworks/Libraries in javascript which can help to create AR applications??
There are various frameworks present in Javascript which can help one to create applications based on Augment Reality:
1. AR.js - It is an opensource, very fast web based AR framework, it tries to provide 60 FPS experience even on older mobile devices.
2. js-aruco - It is a port of arUco libraray, It is based on OpenCV.
From above two libabries AR.js has good community support, Using AR.js one can augment things in the real world very easily using simple markup like language, below is the basic code to create a simple project with AR.js.
<script src="https://cdnjs.cloudflare.com/ajax/libs/aframe/0.7.1/aframe.js"></script>
<script src="https://cdn.rawgit.com/jeromeetienne/AR.js/1.6.0/aframe/build/aframe-ar.js"></script>
<body style='margin : 0px; overflow: hidden;'>
<a-scene embedded arjs='sourceType: webcam;'>
<a-box position='0 0.5 0' material='opacity: 0.5;'></a-box>
<a-marker-camera preset='hiro'></a-marker-camera>
</a-scene>
</body>
When you execute the above code, It will ask you for camera permission then if you show the hiro marker to the camera which will create an object over it.
Hope now you understand the basics of Augument Reality using javascript.
Cookies are important to the proper functioning of a site. To improve your experience, we use cookies to remember log-in details and provide secure log-in, collect statistics to optimize site functionality, and deliver content tailored to your interests. Click Agree and Proceed to accept cookies and go directly to the site or click on View Cookie Settings to see detailed descriptions of the types of cookies and choose whether to accept certain cookies while on the site.
About Author
Pawanpreet Singh
Pawanpreet is an seasoned Project Manager with a wealth of knowledge in software development, specializing in frontend and mobile applications. He possesses a strong command of project management tools, including Jira, Trello, and others. With a proven track record, he has successfully overseen the delivery of multiple software development projects, managing budgets and large teams. Notable projects he has contributed to include TimeForge, Yogyata, Kairos, Veto, Inspirien App, and more. Pawanpreet excels in developing and maintaining project plans, schedules, and budgets, ensuring timely delivery while staying within allocated resources. He collaborates closely with clients to define project scope and requirements, establish timelines and milestones, and effectively manage expectations. Regular project status meetings are conducted by him, providing clients and stakeholders with consistent updates on project progress, risks, and issues. Additionally, he coaches and mentors project leads, offering guidance on project management best practices and supporting their professional development.