Розробка веб-системи 3D-візуалізації історичної будівлі з функцією віртуальної екскурсії на основі Three.js

Abstract

UA : Робота викладена на 69 сторінках друкованого тексту, містить 21 рисунок, 23 джерела, 1 додаток. Об’єкт дослідження – процес створення веборієнтованої 3D-візуалізації архітектурних об’єктів. Мета роботи – розробити вебсистему для 3D-візуалізації історичної будівлі з можливістю інтерактивного перегляду та віртуальної екскурсії на основі Three.js. Методи дослідження – аналіз джерел, порівняльний аналіз технологій 3D-візуалізації, 3D-моделювання, вебпрограмування, проєктування інтерфейсу, тестування та оцінювання продуктивності вебдодатку. У роботі розглянуто розробку вебсистеми для 3D-візуалізації історичної будівлі. Проаналізовано підходи до цифрового представлення архітектурних об’єктів, онлайн-екскурсій та використання WebGL і Three.js у вебсередовищі. У процесі роботи визначено вимоги до системи, розроблено структуру вебдодатку, підготовлено сценарій екскурсії та організовано роботу з 3Dмоделями у форматі GLB. Реалізована система містить каталог історичних будівель, сторінки опису, 3D-переглядач, точки інтересу, екскурсійний режим і перемикання теми. Практичне значення роботи полягає у створенні вебдодатку для ознайомлення користувачів з історичними будівлями в інтерактивному форматі.EN : The work is presented on 69 pages of printed text, 21 figures, 23 references, 1 supplement. The object of the study is the process of creating web-oriented 3D visualization of architectural objects. The aim of the study is to develop a web system for 3D visualization of a historical building with interactive viewing and a virtual tour function based on Three.js. The methods of research include source analysis, comparative analysis of 3D visualization technologies, 3D modeling, web programming, user interface design, testing and performance evaluation of the web application. The paper considers the development of a web system for 3D visualization of a historical building. Approaches to digital representation of architectural objects, online tours, and the use of WebGL and Three.js in a web environment are analyzed. During the work, system requirements were defined, the web application structure was developed, the tour scenario was prepared, and work with 3D models in GLB format was organized. The implemented system includes a catalog of historical buildings, description pages, a 3D viewer, points of interest, a tour mode, and theme switching. The practical value of the work lies in creating a web application for introducing users to historical buildings in an interactive format.