Fabric 3D Display System Based On WebGL

According to the demand of 3D simulation of textile industry, this paper presents and implements a 3D display system based on WebGL. The system is a Web application built by using the B/S structure and SSH development framework. This paper mainly introduces the the function and realization of the 3D display system of the fabric. The system is divided into two subsystems, which are fabric two-dimensional mapping system and three dimensional scene simulation system.This paper develops fabric 2D mapping system by Java. The main function is to realize texture mapping between the target texture and the original scene. To solve the problem of accuracy of mapping, the cubic convolution interpolation algorithm is adopted, which can effectively eliminate the saw generated by texture mapping. And retain a part of brightness information by using the intensity fusion technology which can improve the authenticity.The 3D scene simulation system is mainly developed by JavaScript. This system is built by the open source library Three.js which is based on WebGL. Lights and shadow are added to the scene to highlight the reality. Users can freely change the direction of view by adding the camera control. The system displays the OBJ files and MTL files, people can be free to replace the material of one part of the model. Additionally, data compression transmission and other performance optimization measures can greatty enhance the user experience.Users of fabric 3D display system can easily get the display effect of the textile on the 3D model through the browser. Designers or buyers can get results of the display of textiles in different scenes. They can use this system as a design tool or a sales tool.