Interactive WebGL Digital Image Simulation Platform

The implementation of China’s higher education talent quality enhancement project integrates modern information technology, particularly digital image processing and virtual simulation technology, to promote the cultivation of talent in universities under the “Intelligent + Education” model. This paper introduces a virtual simulation experimental system for the “Digital Image Processing” course based on WebGL and Matlab, which centers around a 3D environment and supports online coding, real-time computation, and virtual display, facilitating task-driven online experimental learning. The system, built with a frontend using Vue, Three.js, and Node.js in conjunction with a MySQL database, enables user interaction with the 3D environment, enhancing the real-time and interactive nature of the experiments. It transforms traditional teaching methods and encourages students to engage in active and in-depth learning. The trial run of the system has demonstrated good compatibility, stability, and cross-platform capabilities.