Earticle

This study aims to reinterpret the concept of mimesis within a digital context and propose a prototype design for a web-based performance simulation platform. The proposed platform is designed to enable stage directors to pre-visualize elements such as stage setup, actor movements, sound, and lighting within a virtual environment, thereby enhancing the efficiency and creativity of performance planning. The prototype was designed to enable interaction among performance elements by incorporating 3D modeling of a proscenium stage, integrating motion-capture-based FBX data, and utilizing timeline-based control. Furthermore, it features a real-time 3D rendering architecture leveraging Three.js and WebGL, allowing it to run seamlessly in a web browser without additional plugins. This research is significant as it establishes a conceptual foundation demonstrating the potential for integrating performing arts with digital technology. Future research should involve practical implementation and field validation to confirm its real-world utility.

3D Modeling is a process of developing 3D objects and their features, having gained popularity during the last decade. As of now, there are many 3D editors to help 3D modeling such as Google’s sketch up, AutoCad, sunglass and others. As these 3D editors have become more useful and 3D-related activities have become rich, collaboration in 3D modeling is getting much attention. In this paper, we present a new 3D editor named Lets3D. In editing and sharing 3D objects, Lets3D enables a group of users to collaborate in real time. To support these collaboration features, Lets3D relies on the XMPP messaging facility and the whiteboard service of C3ware, which is a middleware providing abstract editing operations and synchronization operations on shared objects over cloud storage. To run on Web browsers, Lets3D is developed as an extension of the Three.js editor which uses the Three.js lightweight JavaScript 3D library.

본 논문에서는 전세계의 역사들을 시간대별로 정리하여 이용자들에게 제공하는 3차원 세계역사지도 웹페이지를 구현한다. 이를 통해, 사용자가 3차원 공간 안에서 지구본을 돌려보며 본인이 알고 있던 역사와 동시대에 일어났던 사건들을 비교해보거나, 몰랐던 사실들을 깨달음으로써 전 세계 역사를 연결 지어 인식하게 하고, 나아가 역사 학습 흥미를 일으키고자 한다. Three JS를 이용하여 웹페이지 내에 삼차원 공간을 렌더링하였고, Raycasting 기법 등의 방법으로 흥미를 유발할 수 있는 상호작용 기능을 구현하였다. 또한 실시간 데이터베이스는 구글의 Firebase 서비스를 이용하여 구현하였다.

연구개발특구진흥재단의 2021년 모바일 증강현실 시장 보고서에 따르면 스마트폰의 발전과 더불어 모바일 증강현실 시장의 성장으로 인해 최근 증강 현실 시장이 성장하고 있다. 증강현실 서비스를 모바일 사용자에게 제공하기 위해서는 기기별 네이티브 앱을 제작해야 한다. 하지만 이에는 멀티 플랫폼 대응에 소비되는 유지보수 비용과 앱 다운로드로 인한 낮은 접근성 등의 문제점이 존재한다. 최근에는 WebXR Device API를 활용하여 웹 환경에서 증강현실 시스템을 구축이 진행되는 추세이나, WebXR Device API를 사용한 시스템은 아직 연구단계에 있다고 판단된다. 본 논문에서는 WebXR Device API, Three JS, React를 이용하여 반응형 멀티 플랫폼 환경을 구축하여, 모바일 및 웹 사용자에게 증강현실 서비스를 제공하는 기능을 구현하였다. 실험 결과 반응형 웹 환경에서 증강현실의 연동을 성공적으로 구현되었음을 확인하였으며, 향후 웹 기반에서 동작되는 증강현실 서비스를 기대해본다.

According to the 2021 Mobile Augmented Reality Market Report by Korea Innovation Foundation, the augmented reality market has been growing recently due to the growth of the mobile augmented reality market along with the development of smartphones. In order to provide augmented reality services to mobile users, it is necessary to create native apps for each device. However, there are problems such as maintenance costs for multi-platform and low accessibility due to app download. Recently, the construction of augmented reality system in a web-based environment by using the WebXR Device API is in progress, but it is judged that the system using the WebXR Device API is still in the research stage. In this paper, a responsive multi-platform environment was built using the WebXR Device API, Three JS, and React, and a function to provide augmented reality service to mobile and web users was implemented. As a result of the experiment, it was confirmed that the interlocking of augmented reality was successfully implemented in a responsive web environment, and look forward to the augmented reality service operating on the web in the future.