JavaScript Web AR with marker-based tracking demonstration

JavaScriptWebARThree.js

Marker-Based Augmented Reality Development

HP/HyperX · Summer 2025

Developed a Web AR solution using JavaScript for marker-based augmented reality, demonstrating computer vision integration and real-time 3D rendering for cross-platform deployment.

Role & Objective

  • •Created a marker-based AR system using pure JavaScript and web technologies.
  • •Developed real-time computer vision algorithms for precise marker detection and 3D positioning in browsers.
  • •Created a scalable AR framework deployable across multiple devices without native apps or Unity dependencies.

Actions Taken

  • •Implemented marker detection algorithms using JavaScript computer vision libraries for real-time tracking.
  • •Developed JavaScript integration with browser APIs for camera access and device orientation.
  • •Created 3D object positioning systems with sub-pixel precision using WebGL and Three.js.
  • •Optimized rendering performance for mobile devices using efficient JavaScript shaders.

Results & Impact

  • •Delivered production-ready Web AR that works smoothly and accurately across all devices.
  • •Demonstrated advanced computer vision in web environments.
  • •Established reusable AR framework for future HyperX products.