3D visualization techniques based on Three.js and Quasar framework for digital twin systems

Digital twin technology has been widely used in modern industrial and scientific research fields, and its application scenarios are increasingly diversified. However, the current applications have not yet effectively combined stable and efficient rendering methods with flexible and complete interactive functions. In this paper, we investigate the application of 3D visualization technology based on Three.js and Quasar framework in digital twin system, in order to find an effective merging method. Firstly, this study uses a optical 3D scanner to capture high-precision 3D model data in OBJ format, which provides a real and accurate data base for the digital twin system. Secondly, within the Quasar framework, the model was efficiently reconstructed and rendered in 3D using the Three.js library to achieve a smooth interactive experience and realistic visual effects. Detailed tests on the response time, rendering speed and stability of the visualization system were conducted to analyse the performance, and the test results showed that the system can ensure the smoothness and real-time performance of the user in the process of handling large and complex models. In addition, the interaction function of the system is optimised and tested, which enables users to observe and operate the model more conveniently by providing multiple viewpoint switching and detail zoom functions. Finally, the experimental results indicate that this study demonstrates the strong potential and application value of 3D visualization technology in the field of digital twin, which is of great significance in promoting the application of digital twin technology in various industries.