The Design And Implementation Of 3D Animation System Of Red Detachment Based On WEBGL And HTML5

Panorama technique based on WEBGL and HTML5 has the advantage of excellent interactivity, immersion, breaking the traditional barriers to navigation, such as sealing, poor integration, dependency on plugins and so on. The classic animation system design based on WEBGL and HTML5 to reproduce the Red Detachment, showing the artistic features of the Red Detachment, is a kind of innovation and a bold attemp. Furthermore,the anime performance form is a rendering for the propaganda model of the Red Detachment and this is an innovation. Compared to traditional animation techniques, such as VRML, Quick Time, flash and other, panoramic roaming technology can achieve complete virtual scene roaming on the network.And based on WEBGL and HTML5, panoramic walkthrough is one of outstanding representatives. Within the framework of HTML5, the use of open source WEBGL library file can design out panoramic animation system. The 3D Red Detachment animation function design is more humanized, achieved in the browser, the player and other environment play to watch.With the advantages of independent system, open source services, integration, low resources occupation rate and new elements of experience and so on, to achieve 3D Red Detachment animation and good user interaction effect. The 3D Red Detachment animation function design is more humanized, achieving in the browser, the player and other environment play to watch. With the advantages of independent system, open source services, integration, low resources occupation rate and new elements of experience and other advantages, the animation system realized 3D Red Detachment animation and user’s good interaction effect.With the support of WEBGL library file and three.js technology,we can achieve the modular of the panoramic scene roaming. With the help of software to cut the panoramic image apart, and to stitch, to process and to produce them, we can realize system of scenes in different range and different angles to play freely,to watch and to zoom the scene. Based on the HTML5,web development techniques including CSS3, Jquery, 3ds Max, Maya, Photoshop etc. can be achieved. With the aid of a HTML5 to switch the scene, we were able to achieve animation system of full screen display, distance King switch, voice configuration, home link and so on. These features provide users with the interactive experience of the operation. Finally, we test the Red Detachment animation system based on WEBGL and HTML5.The test results show that the system is open source and function of each part of the design is sound.Online test achieved good user perception experience and provides some basic support to promote the animation propaganda of 3D Red Detachment of women.