Play and process of game frame animation for Android game development

Take you into the game development of the world game frame animation processing
<ignore_js_op>
1. The principle of frame animation

Frame animation frame animation as the name implies, a frame of a frame animation is a frame animation. Frame animation and our childhood to see the principle of the cartoon is the same, in the same area to quickly switch pictures to show people a visual illusion feel like in the play animation, in fact, is just n pictures in a frame of the switch.

: The implementation of the character walking animation, 4-frame walking animation in the playing area, a frame to the left to play to give people an illusion of playing the animation, the picture is moving, very simple, the other three direction to play the animation method similar to I no longer one by one example.
<ignore_js_op>
2. Original files for animation resources

Original file for animation resources PNG generally has three forms of presentation please listen to me.



1. Each frame is a PNG image

Up and down the direction of each group of animation each frame is a PNG picture, play animation need to switch the entire picture, to achieve animation effect. The code only need to complete the next frame of the picture to cover the previous frame of the picture is OK, this arrangement of resources in the program algorithm is the simplest.
<ignore_js_op>
2. All animation frames are present in a PNG image

A PNG contains all of the characters of the frame animation, play the animation when the program needs to calculate the image to be played in the original image of the starting and ending coordinates, that is, from the original image will be played in the picture to be deducted from the screen to display on the phone. The arrangement of this kind of resources program needs to write the algorithm to calculate the coordinates of the picture.
<ignore_js_op>
3. Animation editor handles animations

Game companies will have their own animation editor, the advantage of the animation editor is
1. Reduce the image size to save memory space
2. Shorten the art to coordinate time, because if there is no editor art is painful need a picture of a picture of the coordinates, all is physical activity.
3. Full data-driven animation, animation problem programs do not change code. The bugs are all fine art, hehe.

The animation editor is generated by coordinates that tell each point of the picture each dot of the animation to be stitched together each coordinate program needs to edit the generated coordinates to parse the resulting XML file from the animation editor and then draw the game animation. Auroragt Animation Editor is the author's most used animation editor It's very powerful to make any animation. I do not explain anything about the parsing and use of this editor for commercial use. If just want to study I put the editor of the post, we can study each other to discuss each other to learn from each other.

: <ignore_js_op>Auroragt.rar (1.51 MB, download count: 2046)
<ignore_js_op>
To everyone to see the resulting animation is very beautiful, it is not very to force it hehe.

<ignore_js_op>
<ignore_js_op>
I use the code to explain in detail the first and the second game animation code implementation method.

I wrote an animation class myself to handle the animation, I need to call the animation only needs the new animation object to pass in the animation required parameters by calling the Drawanimation method to play the animation by the frame. If it is purely learning, I think this class is enough to learn to use.

2. Package Cn.m15.xys;
6. Import Java.io.InputStream;
10. Import Android.content.Context;
12. Import Android.graphics.Bitmap;
14. Import Android.graphics.BitmapFactory;
16. Import Android.graphics.Canvas;
18. Import Android.graphics.Paint;
22. public class Animation {
26. /** Last frame playback time **/
28. Private long mlastplaytime = 0;
30. /** play the ID of the current frame **/
32. private int Mplayid = 0;
34. /** Animated Frame Number **/
36. private int mframecount = 0;
38. /** for storing animated resource pictures **/
40. Private bitmap[] Mframebitmap = null;
42. /** whether the loop plays **/
44. Private Boolean misloop = false;
46. /** Play End **/
48. Private Boolean misend = false;
50. /** animation play Gap time **/
52. private static final int anim_time = 100;
58. /**
60. * Constructor function
62. * @param context
64. * @param framebitmapid
66. * @param isloop
68. */
70. Public Animation (context context, int [] Framebitmapid, Boolean isloop) {
72. Mframecount = Framebitmapid.length;
74. Mframebitmap = new Bitmap[mframecount];
76. for (int i =0; i < Mframecount; i++) {
78. Mframebitmap[i] = Readbitmap (Context,framebitmapid[i]);
80. }
82. Misloop = Isloop;
84. }
88. /**
90. * Constructor function
92. * @param context
94. * @param framebitmap
96. * @param isloop
98. */
100. Public Animation (context context, Bitmap [] Framebitmap, Boolean isloop) {
102. Mframecount = Framebitmap.length;
104. Mframebitmap = Framebitmap;
106. Misloop = Isloop;
108. }
116. /**
118. * Draw one of the frames in the animation
120. * @param Canvas
122. * @param paint
124. * @param x
126. * @param y
128. * @param Frameid
130. */
132. public void Drawframe (canvas canvas, paint paint, int x, int y,int frameid) {
134. Canvas.drawbitmap (Mframebitmap[frameid], x, y, paint);
136. }
142. /**
144. * Draw Animations
146. * @param Canvas
148. * @param paint
150. * @param x
152. * @param y
154. */
156. public void drawanimation (canvas canvas, paint paint, int x, int y) {
158. Resume playback If no playback is complete
160. if (!misend) {
162. Canvas.drawbitmap (Mframebitmap[mplayid], x, y, paint);
164. Long time = System.currenttimemillis ();
166. if (Time-mlastplaytime > Anim_time) {
168. mplayid++;
170. Mlastplaytime = time;
172. if (Mplayid >= mframecount) {
174. Logo animation play End
176. Misend = true;
178. if (Misloop) {
180. Set Loop playback
182. Misend = false;
184. Mplayid = 0;
186. }
188. }
190. }
192. }
194. }
198. /**
200. * Read Image Resources
202. * @param context
204. * @param resId
206. * @return
208. */
210. Public Bitmap Readbitmap (context context, int resId) {
212. Bitmapfactory.options opt = new bitmapfactory.options ();
214. Opt.inpreferredconfig = Bitmap.Config.RGB_565;
216. Opt.inpurgeable = true;
218. Opt.ininputshareable = true;
220. Get a picture of a resource
222. InputStream is = Context.getresources (). Openrawresource (ResId);
224. Return Bitmapfactory.decodestream (IS, null, opt);
226. }
228. }

Copy Code

Everybody look at my game demo use up and Down buttons to play up and down left to right character walking animation.
<ignore_js_op>
<ignore_js_op>
<ignore_js_op>
Finally because the code is more I do not post in the blog, the following gives the demo source of the Welcome to download reading each other to learn from each other, study
<ignore_js_op> Third-speaking frame animation. rar (426.78 KB, Downloads: 1354)

Ask.-Customized IT education platform, one-to-man service for cattle, questions and answers, development and programming social Headlines official website: www.wenaaa.com

QQ group 290551701 gathers a lot of Internet elite, technical director, architect, project Manager! Open source technology research, Welcome to the industry, Daniel and beginners are interested in engaging in IT industry personnel to enter!

Play and process of game frame animation for Android game development