Three JS를 이용한 삼차원 세계역사지도 웹페이지 구현

Development of 3D World History Map Webpage Using Three.js

  • 최효현 (인하공업전문대학 컴퓨터정보과) ;
  • 김상규 (인하공업전문대학 컴퓨터정보과)
  • Hyo Hyun Choi (Dept. of Computer Science, Inha Technical College) ;
  • Kim Sang Gyu (Dept. of Computer Science, Inha Technical College)
  • 발행 : 2023.01.11

초록

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

키워드