WebAR — 3 Technical Articles

Aug 25, 2022 · Frontend Development

Build WebAR Experiences with A‑Frame, MindAR, and WebXR: From 3DoF to 6DoF

This tutorial walks you through creating WebAR and WebVR scenes using A‑frame, Three.js, and MindAR, covering 3DoF basics, adding 6DoF models, handling AR events, and even integrating the workflow into a React application.

A-FrameARMindAR

0 likes · 14 min read

Build WebAR Experiences with A‑Frame, MindAR, and WebXR: From 3DoF to 6DoF

Tencent IMWeb Frontend Team

Dec 21, 2017 · Frontend Development

How to Build a Simple WebAR Pokémon Go Clone with WebRTC

This article walks through creating a lightweight WebAR Pokémon‑Go‑style game using WebRTC, covering the basics of WebAR, WebRTC APIs, compatibility issues on Android and iOS, and step‑by‑step implementation details such as camera access, video rendering, and overlay techniques.

HTML5WebARWebRTC

0 likes · 4 min read

How to Build a Simple WebAR Pokémon Go Clone with WebRTC

Tencent IMWeb Frontend Team

Apr 25, 2017 · Frontend Development

How to Build a Simple WebAR Demo with WebRTC on Android Browsers

This article explains the fundamentals of WebAR, introduces WebRTC and its APIs, discusses browser compatibility, and provides step‑by‑step instructions for creating a basic WebAR prototype that captures camera video and overlays interactive content using HTML, CSS, and JavaScript.

ARJavaScriptWebAR

0 likes · 4 min read

How to Build a Simple WebAR Demo with WebRTC on Android Browsers