We moved the AR application to the web with Three.js. Three main reasons
We moved the AR application to the web with Three js

Two years ago, we developed an AR application that allows users to try on different glasses in real time based on the shape of the face. Then the main difficulty was to accurately determine the shape of the head in order to give appropriate recommendations for the selection of the shape of the glasses. It was also necessary to implement a clear positioning of glasses on the face when the user moves his head.

Two years have passed. Technologies are actively developing. We decided to transfer the functionality of our application to the web using WebAR.

There are several reasons for this:

1. User-friendliness

The advantage of WebAR over an application is that nothing needs to be downloaded. The module can be integrated into any site and allow users to try on glasses in augmented reality right in the browser, using either a mobile or desktop computer. It is also convenient for the customer, since there is no need to develop an application separately for Android and iOS.

2. Recognition speed

Two years ago, facial recognition on the web was only possible at a low speed, about 5 frames per second, which made it almost impossible to develop solutions for it. For comparison, in applications, this figure was 30-40 frames per second. Currently, the recognition rate for the web is 30 frames per second. This is quite enough for correct operation.

3. Technology

Previously, there were few libraries that allow face recognition. Now there are new options you can choose. We used TensorFlow, namely two neural networks for specific tasks: tracking the position of the face and determining its shape. To do this, we developed our own algorithm that creates and predicts all the key points of the face and the distance between them, which allows the system to determine the shape of the face with an accuracy of 95.8%. It is based on the rules of facial geometry and proportions used by artists.

If you want to develop an AR solution for face recognition, human hands or other objects, then it is better to be done on the web. In addition to the fact that now there are all technological capabilities for this, you also make it easier for users to use your solution: there is no need to download and install applications, you can integrate it into any site as a separate module.

Latest Articles

June 27, 2025
Methodology of VR/MR/AR and AI Project Estimation

Estimation of IT projects based on VR, XR, MR, or AI requires both a deep technical understanding of advanced technologies and the ability to predict future market tendencies, potential risks, and opportunities. In this document, we aim to thoroughly examine estimation methodologies that allow for the most accurate prediction of project results in such innovative fields as VR/MR/AR and AI by describing unique approaches and strategies developed by Qualium Systems. We strive to cover existing estimation techniques used at our company and delve into the strategies and approaches that ensure high efficiency and accuracy of the estimation process. While focusing on different estimation types, we analyze the choice of methods and alternative approaches available. Due attention is paid to risk assessment being the key element of a successful IT project implementation, especially in such innovative fields as VR/MR/AR and AI. Moreover, the last chapter covers the demo of a project of ours, the Chemistry education app. We will show how the given approaches practically affect the final project estimation. Read

June 27, 2025
What Are Spatial Anchors and Why They Matter

Breaking Down Spatial Anchors in AR/MR Augmented Reality (AR) and Mixed Reality (MR) depend on accurate understanding of the physical environment to create realistic experiences, and they hit this target with the concept of spatial anchors. These anchors act like markers, either geometric or based on features, that help virtual objects stay in the same spot in the real world — even when users move around. Sounds simple, but the way spatial anchors are implemented varies a lot depending on the platform; for example, Apple’s ARKit, Google’s ARCore, and Microsoft’s Azure Spatial Anchors (ASA) all approach them differently. If you want to know how these anchors are used in practical scenarios or what challenges developers often face when working with them, this article dives into these insights too. What Are Spatial Anchors and Why They Matter A spatial anchor is like a marker in the real world, tied to a specific point or group of features. Once you create one, it allows for some important capabilities: Persistence. Virtual objects stay exactly where you placed them in the real-world, even if you close and restart the app. Multi-user synchronization. Multiple devices can share the same anchor, so everyone sees virtual objects aligned to the same physical space. Cross-session continuity. You can leave a space and come back later, and all the virtual elements will still be in the right place. In AR/MR, your device builds a point cloud or feature map by using the camera and built-in sensors like the IMU (inertial measurement unit). Spatial anchors are then tied to those features, and without them, virtual objects can drift or float around as you move, shattering the sense of immersion. Technical Mechanics of Spatial Anchors At a high level, creating and using spatial anchors involves a series of steps: Feature Detection & Mapping To start, the device needs to understand its surroundings: it scans the environment to identify stable visual features (e.g., corners, edges). Over time, these features are triangulated, forming a sparse map or mesh of the space. This feature map is what the system relies on to anchor virtual objects. Anchor Creation Next, anchors are placed at specific 3D locations in the environment in two possible ways: Hit-testing. The system casts a virtual ray from a camera to a user-tapped point, then drops an anchor on the detected surface. Manual placement. Sometimes, developers need precise control, so they manually specify the exact location of an anchor using known coordinates, like ensuring it perfectly fits on the floor or another predefined plane. Persistence & Serialization Anchors aren’t temporary — they can persist, and here’s how systems make that possible: Locally stored anchors. Frameworks save the anchor’s data, like feature descriptors and transforms, in a package called a “world map” or “anchor payload”. Cloud-based anchors. Cloud services like Azure Spatial Anchors (ASA) upload this anchor data to a remote server to let the same anchor be accessed across multiple devices. Synchronization & Restoration When you’re reopening the app or accessing the anchor on a different device, the system uses the saved data to restore the anchor’s location. It compares stored feature descriptors to what the camera sees in real time, and if there’s a good enough match, the system confidently snaps the anchor into position, and your virtual content shows up right where it’s supposed to. However, using spatial anchors isn’t perfect, like using any other technology, and there are some tricky issues to figure out: Low latency. Matching saved data to real-time visuals has to be quick; otherwise, the user experience feels clunky. Robustness in feature-scarce environments. Blank walls or textureless areas don’t give the system much to work with and make tracking tougher. Scale drift. Little errors in the system’s tracking add up over time to big discrepancies. When everything falls into place and the challenges are handled well, spatial anchors make augmented and virtual reality experiences feel seamless and truly real. ARKit’s Spatial Anchors (Apple) Apple’s ARKit, rolled out with iOS 11, brought powerful features to developers working on AR apps, and one of them is spatial anchoring, which allows virtual objects to stay fixed in the real world as if they belong there. To do this, ARKit provides two main APIs that developers rely on to achieve anchor-based persistence. ARAnchor & ARPlaneAnchor The simplest kind of anchor in ARKit is the ARAnchor, which represents a single 3D point in the real-world environment and acts as a kind of “pin” in space that ARKit can track. Building on this, ARPlaneAnchor identifies flat surfaces like tables, floors, and walls, allowing developers to tie virtual objects to these surfaces. ARWorldMap ARWorldMap makes ARKit robust for persistence and acts as a snapshot of the environment being tracked by ARKit. It captures the current session, including all detected anchors and their surrounding feature points, into a compact file. There are a few constraints developers need to keep in mind: World maps are iOS-only, which means they cannot be shared directly with Android. There must be enough overlapping features between the saved environment and the current physical space, and textured structures are especially valuable for this, as they help ARKit identify key points for alignment. Large world maps, especially those with many anchors or detailed environments, can be slow to serialize and deserialize, causing higher application latency when loading or saving. ARKit anchors are ideal for single-user persistence, but sharing AR experiences across multiple devices poses additional issues, and developers often employ custom server logic (uploading ARWorldMap data to a backend), enabling users to download and use the same map. However, this approach comes with caveats: it requires extra development work and doesn’t offer native support for sharing across platforms like iOS and Android. ARCore’s Spatial Anchors (Google) Google’s ARCore is a solid toolkit for building AR apps, and one of its best features is how it handles spatial anchors: Anchors & Hit-Testing ARCore offers two ways to create anchors. You can use Session.createAnchor(Pose) if you already know the anchor’s position, or…

June 2, 2025
Extended Reality in Industry 4.0: Transforming Industrial Processes

Understanding XR in Industry 4.0 Industry 4.0 marks a turning point in making industry systems smarter and more interconnected: it integrates digital and physical technologies like IoT, automation, and AI, into them. And you’ve probably heard about Extended Reality (XR), the umbrella for Virtual Reality, Augmented Reality, and Mixed Reality. It isn’t an add-on. XR is one of the primary technologies making the industry system change possible. XR has made a huge splash in Industry 4.0, and recent research shows how impactful it has become. For example, a 2023 study by Gattullo et al. points out that AR and VR are becoming a must-have in industrial settings. It makes sense — they improve productivity and enhance human-machine interactions (Gattullo et al., 2023). Meanwhile, research by Azuma et al. (2024) focuses on how XR makes workspaces safer and training more effective in industrial environments. One thing is clear: the integration of XR into Industry 4.0 closes the gap between what we imagine in digital simulations and what actually happens in the real world. Companies use XR to work smarter — it tightens up workflows, streamlines training, and improves safety measures. The uniqueness of XR is in its immersive nature. It allows teams to make better decisions, monitor operations with pinpoint accuracy, and effectively collaborate, even if team members are on opposite sides of the planet. XR Applications in Key Industrial Sectors Manufacturing and Production One of the most significant uses of XR in Industry 4.0 is in manufacturing, where it enhances design, production, and quality control processes. Engineers now utilize digital twins, virtual prototypes, and AR-assisted assembly lines, to catch possible defects before production even starts. Research by Mourtzis et al. (2024) shows how effective digital twin models powered by XR are in smart factories: for example, studies reveal that adopting XR-driven digital twins saves design cycle times by up to 40% and greatly speeds up product development. Besides, real-time monitoring with these tools has decreased system downtimes by 25% (Mourtzis et al., 2024). Training and Workforce Development The use of XR in employee training has changed how industrial workers acquire knowledge and grow skills. Hands-on XR-based simulations allow them to practice in realistic settings without any of the risks tied to operating heavy machinery, whereas traditional training methods usually involve lengthy hours, high expenses, and the need to set aside physical equipment, disrupting operations. A study published on ResearchGate titled ‘Immersive Virtual Reality Training in Industrial Settings: Effects on Memory Retention and Learning Outcomes’ offers interesting insights on XR’s use in workforce training. It was carried out by Jan Kubr, Alena Lochmannova, and Petr Horejsi, researchers from the University of West Bohemia in Pilsen, Czech Republic, specializing in industrial engineering and public health. The study focused on fire suppression training to show how different levels of immersion in VR affect training for industrial safety procedures. The findings were astounding. People trained in VR remembered 45% more information compared to those who went through traditional training. VR also led to a 35% jump in task accuracy and cut real-world errors by 50%. On top of that, companies using VR in their training programs noticed that new employees reached full productivity 25% faster. The study uncovered a key insight: while high-immersion VR training improves short-term memory retention and operational efficiency, excessive immersion — for example, using both audio navigation and visual cues at the same time — can overwhelm learners and hurt their ability to absorb information. These results showed how important it is to find the right balance when creating VR training programs to ensure they’re truly effective. XR-based simulations let industrial workers safely engage in realistic and hands-on scenarios without the hazards or costs of operating heavy machinery, changing the way they acquire new skills. Way better than sluggish, costly, and time-consuming traditional training methods that require physical equipment and significant downtime. Maintenance and Remote Assistance XR is also transforming equipment maintenance and troubleshooting. In place of physical manuals, technicians using AR-powered smart glasses can view real-time schematics, follow guided diagnostics, and connect with remote experts, reducing downtime. Recent research by Javier Gonzalez-Argote highlights how significantly AR-assisted maintenance has grown in the automotive industry. The study finds that AR, mostly mediated via portable devices, is widely used in maintenance, evaluation, diagnosis, repair, and inspection processes, improving work performance, productivity, and efficiency. AR-based guidance in product assembly and disassembly has also been found to boost task performance by up to 30%, substantially improving accuracy and lowering human errors. These advancements are streamlining industrial maintenance workflows, reducing downtime and increasing operational efficiency across the board (González-Argote et al., 2024). Industrial IMMERSIVE 2025: Advancing XR in Industry 4.0 At the Industrial IMMERSIVE Week 2025, top industry leaders came together to discuss the latest breakthroughs in XR technology for industrial use. One of the main topics of discussion was XR’s growing impact on workplace safety and immersive training environments. During the event, Kevin O’Donovan, a prominent technology evangelist and co-chair of the Industrial Metaverse & Digital Twin committee at VRARA, interviewed Annie Eaton, a trailblazing XR developer and CEO of Futurus. She shared exciting details about a groundbreaking safety training initiative, saying: “We have created a solution called XR Industrial, which has a collection of safety-themed lessons in VR … anything from hazards identification, like slips, trips, and falls, to pedestrian safety and interaction with mobile work equipment like forklifts or even autonomous vehicles in a manufacturing site.” By letting workers practice handling high-risk scenarios in a risk-free virtual setting, this initiative shows how XR makes workplaces safer. No wonder more companies are beginning to see the value in using such simulations to improve safety across operations and avoid accidents. Rethinking how manufacturing, training, and maintenance are done, extended reality is rapidly becoming necessary for Industry 4.0. The combination of rising academic study and practical experiences, like those shared during Industrial IMMERSIVE 2025, highlights how really strong this technology is. XR will always play a big role in optimizing efficiency, protecting workers, and…



Let's discuss your ideas

Contact us