Implementasi Markerless Augmented Reality Berbasis Web untuk Simulasi Penataan Ruang Interior Menggunakan 8th Wall dan Three.js
Keywords:
WebAR, desain interior, markerless AR, SLAM, Three.js, 8th WallAbstract
The interior design process often faces challenges when consumers struggle to visualize how furniture will look in their physical space before purchasing. Traditional Augmented Reality (AR) applications typically require native app installations, which creates accessibility barriers. This study implements a Web-based Augmented Reality (WebAR) application for interior design simulation using the 8th Wall engine and Three.js framework. Utilizing Simultaneous Localization and Mapping (SLAM) technology, the application enables markerless tracking, allowing users to project 3D furniture models directly onto their physical floors via a standard mobile web browser. The system features an integrated 3D model catalog and multi-gesture interactions, including single-finger drag for translation, two-finger pinch for scaling and rotation, and a raycasting-based tap mechanism for object selection and deletion. Black-box testing on various mobile browsers confirmed that the system successfully fulfilled 9 out of 10 designed functional test scenarios. While the SLAM tracking and gesture controls function accurately, the evaluation identified a technical limitation in the web-based wall collision detection. The findings demonstrate that WebAR provides a practical, installation-free alternative for immersive interior space planning.
References
S. Revathy, A. Harini, and S. Sruthika, "Augmented Reality in Interior Design," Journal of Innovative Image Processing, vol. 6, no. 3, pp. 305–313, Aug. 2024, doi: 10.36548/jiip.2024.3.007.
3D Cloud and Provoke Insights, "3D Cloud Furniture Shopping Trends Study 2026," 3D Cloud, 2026. [Online]. Available: https://3dcloud.com/3d-cloud-furniture-shopping-trends-study/
R. Liu, B. Balakrishnan, and E. M. Saari, "The Impact of Augmented Reality (AR) Technology on Consumers' Purchasing Decision Processes," Frontiers in Business, Economics and Management, vol. 13, no. 2, pp. 181–185, 2024.
Y. Sahria, B. Santoso, and T. Kuat, "Innovative Learning Media for Interior Design using Augmented Reality at Vocational High Schools," IOTA, vol. 4, no. 2, 2024, doi: 10.31763/iota.v4i2.724.
E. Murphy-Chutorian, "How We Engineered AR for the Mobile Browser with 8th Wall Web," 8th Wall Engineering Blog, 8th Wall, 2019. [Online]. Available: https://www.8thwall.com/blog/post/41173258896
8th Wall, "8th Wall Products," 8th Wall, Niantic, 2023. [Online]. Available: https://www.8thwall.com/products
G. T. Suryasamudra, V. Valenthresia, N. F. B. M. Idres, and G. Wang, "Utilizing Augmented Reality to Improve Customers' Purchase Intention in Retail Furniture Applications in Indonesia," in 2024 2nd International Conference on Technology Innovation and Its Applications (ICTIIA), 2024.
K. Sato, R. Sasage, T. Soejima, N. Kamioka, and Y. Kawai, "Development of Augmented Reality-Based Application to Search for Electric Appliances and Furniture," in 2021 IEEE 3rd Global Conference on Life Sciences and Technologies (LifeTech), 2021.
F. F. Hidayat, M. Stefano, S. Adam, and F. I. Maulana, "Co-Designing Immersive Eco-Centric Living Spaces: Augmented Reality Integration in Furniture Retailing (AR-InFuRe)," in 2024 International Conference on Informatics, Multimedia, Cyber and Information System (ICIMCIS), 2024.
Y. Pei, Y. Wu, H. Jiang, S. Wang, S. Xu, F. Wang, and J. Zhou, "WA VIS: A Web-based Augmented Reality Text Data Visual Analysis Tool," in 2019 International Conference on Virtual Reality and Visualization (ICVRV), 2019.
Z. Li, W. Song, and L. Yang, "Design and implementation of traditional kite art platform based on human-computer interaction and WebAR technology," in 2021 2nd International Conference on Intelligent Computing and Human-Computer Interaction (ICHCI), 2021.
J. Motsch, S. Benammar, and Y. Bergeon, "Interior Mapping of a Building: a Real-life experiment with Microsoft Kinect for Windows v1 and RGBD-SLAM," in 2017 International Conference on Military Technologies (ICMT), 2017.
S. Sharma, Y. Kaikini, P. Bhodia, and S. Vaidya, "Markerless Augmented Reality based Interior Designing System," in 2018 International Conference on Smart City and Emerging Technology (ICSCET), 2018.
S. Sridhar and S. Sanagavarapu, "Instant Tracking-Based Approach for Interior Décor Planning with Markerless AR," in 2020 Zooming Innovation in Consumer Technologies Conference, 2020.
N. R. R., R. M., and S. Sultana, "Markerless Augmented Reality Application for Interior Designing," in 2022 Second International Conference on Advanced Technologies in Intelligent Control, Environment, Computing & Communication Engineering (ICATIECE), 2022.
P. Gouthami, S. Darun, and K. Rathivarman, "DecoraAI: AI-powered Augmented Reality (AR) Interior Design Web Application," in 2026 International Conference on Emerging Technologies and Future Innovations (ETFI), 2026.
Downloads
Published
How to Cite
Issue
Section
License
Copyright (c) 2026 Aditya Rahman Syach, Diaz Adriansyah, Fahad Muhammad Alfarizi
This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.
Authors who publish articles in Jurnal PTIPD: Penelitian Terapan Informatika dan Pengembangan Data agree to the following terms:
- Authors retain copyright of the article and grant the journal right of first publication with the work simultaneously licensed under a CC-BY-SA or The Creative Commons Attribution–ShareAlike License.
- Authors are able to enter into separate, additional contractual arrangements for the non-exclusive distribution of the journal's published version of the work (e.g., post it to an institutional repository or publish it in a book), with an acknowledgment of its initial publication in this journal.
- Authors are permitted and encouraged to post their work online (e.g., in institutional repositories or on their website) prior to and during the submission process, as it can lead to productive exchanges, as well as earlier and greater citation of published work (See The Effect of Open Access).
