Розробка вебзастосунку постпроцесора із використанням бібліотеки React

Abstract

UA : Робота викладена на 44 сторінці друкованого тексту, містить 7 рисунків, 5 талиць, 14 джерел, 2 додатки. Об’єкт дослідження – процес інтерактивної візуалізації багатовимірних масивів результатів методу скінченних елементів у вебсередовищі. Мета роботи: розробка вебзастосунку постпроцесора на базі React та WebGL для ефективної обробки та інтерактивної візуалізації складних 3D сіток та розподілу функціональних значень методу скінченних елементів у веббраузері. Метод дослідження – методи системного аналізу та моделювання, методи об’єктно-орієнтованого проєктування, методи комп’ютерної графіки, зокрема шейдерне програмування, для реалізації графічного конвеєра. У роботі проаналізовано методи рендерингу тривимірних інженерних моделей у вебсередовищі. Спроєктовано компонентну архітектуру додатка, що забезпечує взаємодію інтерфейсу користувача з графічним ядром. Реалізовано алгоритми візуалізації полів результатів та механізм фрагментного відсікання на базі GLSL-шейдерів. В результаті створено швидкодіючий вебпостпроцесор, який дозволяє виконувати детальний аналіз результатів розрахунку без необхідності встановлення десктопного ПЗ.

EN : The work is presented on 44 pages of printed text, 7 figures, 5 tables, 14 references, 2 supplements. The object of the study is the process of interactive visualization of multidimensional arrays of the finite element method results in a web environment. The aim of the study is the development of a post-processor web application based on React and WebGL for efficient processing and interactive visualization of complex 3D meshes and the distribution of finite element method functional values in a web browser. The methods of research are methods of system analysis and modeling, object-oriented design methods, and computer graphics methods, specifically shader programming, for implementing the graphics pipeline. The thesis analyzes methods for rendering three-dimensional engineering models in a web environment. The component architecture of the application, which ensures the interaction of the user interface with the graphics core, is designed. Algorithms for visualizing result fields and a fragment clipping mechanism based on GLSL shaders are implemented. As a result, a high-performance web post-processor has been created, which allows performing a detailed analysis of calculation results without the need to install desktop software.