Interactive Learning through Augmented Reality, Enhancing Textbook Engagement with QR Code- Based 3D Visualizations of Educational Content in the Real World

Traditional textbooks often lack interactive elements, making it difficult for students to understand complex 3D concepts. This project integrates WebAR technology with QR codes to enhance textbook learning experiences. By scanning a QR code, students can instantly access interactive 3D models via a web browser—without requiring additional applications. The system is developed using A-Frame, AR.js, and WebXR API, ensuring smooth rendering and real-time interactions like pinch- to-zoom, swipe-to-rotate, and tap-for-info. This paper discusses the implementation, advantages, and impact of WebAR-based learning compared to traditional and app-based AR solutions. Augmented Reality (AR) has revolutionized educational experiences by providing interactive, immersive learning environments.

Authors

Publication Details

Published
2025-05-15
DOI
https://doi.org/10.38124/ijisrt/25apr2193
Primary Topic
Augmented Reality Applications
Type
article
Field-Weighted Citation Impact
0.00
Controls
|||
ALL TIME
JAN
FEB
MAR
APR
MAY
JUN
JUL
AUG
SEP
OCT
article

Interactive Learning through Augmented Reality, Enhancing Textbook Engagement with QR Code- Based 3D Visualizations of Educational Content in the Real World

B. Priyadharshini, Karunakaravel Karuppasamy, M Madesh, R Jaiharini et al.
Augmented Reality Applications
article

Interactive Learning through Augmented Reality, Enhancing Textbook Engagement with QR Code- Based 3D Visualizations of Educational Content in the Real World

B. Priyadharshini, Karunakaravel Karuppasamy, M Madesh, R Jaiharini, R Jasvanth
article en

Abstract

Traditional textbooks often lack interactive elements, making it difficult for students to understand complex 3D concepts. This project integrates WebAR technology with QR codes to enhance textbook learning experiences. By scanning a QR code, students can instantly access interactive 3D models via a web browser—without requiring additional applications. The system is developed using A-Frame, AR.js, and WebXR API, ensuring smooth rendering and real-time interactions like pinch- to-zoom, swipe-to-rotate, and tap-for-info. This paper discusses the implementation, advantages, and impact of WebAR-based learning compared to traditional and app-based AR solutions. Augmented Reality (AR) has revolutionized educational experiences by providing interactive, immersive learning environments.

Openalex Percentile: Top 91%
Augmented Reality Applications
AI Navigator

Ask Laika to Summarize, Analyze, and Connect papers live on the map.

Summarize Papers & Methodologies

Extract key findings, datasets, and comparative methods across publications.

Benchmark Rankings & Visual Analytics

Rank top research institutions, authors, funders, topics, and journals by Field-Weighted Citation Impact (FWCI) and paper volume with instant charts.

Connect Distant Disciplines

Bridge topological clusters on the map to find hidden collaborative intersections.