The Design And Implementation Of2D Animation Based On HTML5

Computer animation is a product of the combination of computer graphics and art， it isaccompanied by the rapid development of computer hardware and graphics algorithms andhigh-tech， it can be comprehensive utilization of computer science， art， mathematics，physics， and other related disciplines knowledge， computer generated colorful consecutivevirtual real screen， so as to provide customers with a full display of the new world of personalimagination and artistic talent. The computer animation can be divided into two-dimensionalanimation and3D animation， two-dimensional animation is an animation based ontwo-dimensional graphics， graphic elements constituting the animation cannot be convertedperspective. Constitution of the basic2D animation is that applying to the key frame oftwo-dimensional graphics and graphical key frame deformation， displacement， rotation，scaling， etc.， in the application of the human eye visual persistence of vision (fade under thelight intensity different human visual characteristics persistence time around0.06-0.2seconds)，and generated more than1second12images (key frames) animation. Current animationtechniques in animation production， online games， website building， courseware， virtualreality and simulation technology， mobile games， LOGO produced many ways， become animportant source for the visual enjoyment， enrich the spiritual life of the people， entertainment.With the rapid development of the network， more and more desktop applications to Webplatform. Traditional animation technology based on Web platform is the first server-side draw agood picture， then picture sent to the browser， Flash or other third-party plug-ins display， thisoperation is not only a waste of resources， but also increases the system cumbersome. In thiscase， it is also hope that the increasingly rich Web services can do simple， efficient and has agood interactive. In order to meet this demand， the WHATWG (Web Hypertext ApplicationTechnology Working Group) in2004launched HTML5， Web browser plug-dependence greatlyreduced by the introduction of some new tags and APIs. Many pages of new elements， and thebrowser rendering engine closely integrated， saving resources， and greatly simplifies theinteraction of other elements in the graphics and web pages. The new version of the mainstreambrowser (such as of IE9，Chrome10and Firefox4.0，etc.) widely supported and has been，Webapplications can foresee HTML5is about to enter the era， which will also have far reachingimplications for social networking，HTML5is the new generation of WEB products，it supportsthe use of multiple network elements.HTML5Canvas tag elements to achieve the Canvas. The element can draw graphics using abrowser scripting language (usually JavaScript)， for example， you can use it to draw vectorsynthetic raster or to draw complex animation of text， these graphics will direct rendering in thebrowser greatly simplified2D animation generated.This paper focuses on the technology based on the HTML5Canvas， and take advantage ofthe technology is designed and implemented a simple2D animation snow falling. The article firstdescribes the history， development and current situation of HTML5introduced， then the origin of the animation and2D animation. After focusing on HTML5’s new features and keytechnologies in the production of2D animation. Finally， based on the Canvas designed andimplemented a simple2D animation. By the article， and strive to have a more profoundunderstanding of the HTML5multimedia production technology， animation enthusiasts toprovide a more convenient way.