Research And Implementation Of HTML5Animation Engine Techonology

With the increasing popularity of mobile internet and the better performance of mobile devices, users have a increase demand of more colorful internet application. Besides the mobile deviccs are using latest internet browser core, HTML5technology is no longer limited in mobile terminals by old internet browser. HTML5technologies, especially HTML5animation have got a great development. Although there are many HTML5animation tools and frameworks, but all of them have some problem. Especially in the animation-driven approach and the use of two HTML5animation techniques (Canvas and SVG), there are many problems to be solved. Therefore, the development of a more efficient and excellent HTML5animation tool has important theoretical significance and commercial value. This article will address these issues research, propose solutions, and ultimately design a high quality and efficient HTML5animation engine. The main works of the paper includes:Firstly, this paper proposes the data-driven animation method and design a HTML5animation source file format-uha(united html5animation). Format design will be divided into two parts:In the first part, main task is to study other HTML5tools’animation development method and introduce the better data-driven as our HTML5animation method. In the second part, main task is to structure the uha file by classification label, abstract different modules of animation and reduce the degree of coupling in animation system. Eventually create a good HTML5animation source file format.Secondly, this paper will discuss designing structure and developing function of animation engine on the basis of the uha file format. The detailed procedure included three stages. In the first stage, main task is to design the engine’s memory framework on basis of uha. In the second stage, main task is to design the appropriate classes and interfaces, and thus improve the entire engine on base of the framework. In the last stage, main task is to implement the classes and interfaces in stage2,using Canvas and SVG techniques and finally complete the development of HTML5animation engine.Thirdly, this paper will analyze the engine’s performance by develop different kinds of HTML5animation. Using the result, it will propose animation-mode-adaptive algorithm to improve the engine. This included two parts. In the first part, main task is design different kinds of animation to analyze the engine’s performance by observing frame rates. In the second part, main task is using the data and result to design the animation-mode-adaptive algorithm, so that the HTML5animation engine could understand different scene of animation and choose a better way to create animation, so that the Canvas and SVG get compatible and united.