A Tool For Building Web-based 3D Interactive Graphics:Design And Implementation

In recent years,with the rapid development of computer interaction technology(VR,AR),the interaction paradigm of the traditional Web on the two-dimensional plane provided in the background of retrieval and navigation has been unable to meet the interactive needs of current users,and more and more Web applications are designed to display richer data information and provide more direct interaction methods to reduce users' cognitive difficulties.Therefore,the concept of three-dimensional spatial interaction needs to be introduced into the Web to enhance the traditional Web's interaction capabilities.Furthermore,since three-dimensional interactive graphics are the main data presentation carriers and operating objects in three-dimensional space,in order to introduce three-dimensional interactive graphical objects to Web applications,many development tools have been developed on the Web that use Web GL 3D graphics as the underlying protocol.They can use the system graphics card to provide 3D accelerated rendering for HTML5,not only provide realistic three-dimensional interactive scenes on the Web platform,but also visualize complex three-dimensional data,bringing users a more realistic interactive experience.Because the 3D interactive graphic object is a package of graphic objects and interactive operations,the current development of 3D interactive graphic objects on the Web platform with new tools faces new challenges: On the one hand,a large number of complex graphic objects easily cause The confusion in scene management requires developers to invest a lot of energy in early development and later maintenance.On the other hand,there is still huge room for improvement in the development and design of the existing interactive graphic objects.This is due to the high coupling between the event processing mechanism and the graphic objects caused by the mixture of the graphic object construction process and the interactive operation.These limitations and reduce the development efficiency and code reuse rate.In summary,in order to allow developers to construct a three-dimensional interactive graphical interface at a higher level,this paper proposes a Web-based three-dimensional interactive graphical development tool,Web-3D.The tool is mainly composed of three parts: First,an XML-based 3D interactive graphics markup language XML3D(XML-based 3D Interaction Graphics)is proposed.The markup language can reasonably describe the graphic objects and the relationships between the objects.Largely optimized scene management mechanism for 3D interactive graphics.Secondly,the 3D interactive graphic markup language parser parses the graphic markup language and returns the interactive graphic objects,and completes the integration of the separation of the graphic object structure and the interactive events.Finally,the graphics library encapsulates the complex drawing process separately.Canvas uses the graphics library to render interactive graphics objects in a three-dimensional interactive scene.The above three parts complement each other and will fully improve the development environment for building a three-dimensional interactive graphic scene based on the Web platform,thereby saving a lot of manpower and material resources.