备案控制台
探索云世界
开发者社区 开发与运维 文章 正文

【ANDROID游戏开发二十二】（图文详解）游戏中灵活实现动画播放！简述J2ME的游戏类库与ANDROID游戏开发！

2016-05-16 1656
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
本站文章均为  李华明Himi  原创,转载务必在明显处注明： 

转载自【黑米GameDev街区】 原文链接: http://www.himigame.com/android-game/361.html


由于写书的缘故，博文更新缓慢，大家体谅，今天针对群内常提出动画实现的问题来进行一个详细讲述；

此章节适合没有做过游戏开发的同学学习！

做过Android软件的童鞋们，在学习游戏开发的时候，思维总是被固定在了Android系统组件上!比如动画实现总想着利用BitmapDrawable、Animation等系统提供的类和方法来实现！

其实在本人以前做J2me开发的时候，J2me Api从MIDP2.0开始提供和封装了Sprite类，通名：精灵类！这个类的几种构造的时候只需要提供图片的大小、宽高、等，就可以生成一个精灵了，因为精灵类提供了碰撞检测、动画播放等方法，让开发者在开发游戏中很是方便。那么其实在制作一些较为复杂的、或者网游开发中，公司内都不会利用这个精灵类来去做，抛开机型不说，因为每个公司都会有其引擎和各种编辑器等等、那么肯定需要扩展，如果利用sprite来开发不仅扩展不方便、不灵活之外而且和编辑器、引擎搭配开发也不适合。但是一般而言，精灵类足够用！但是一般还是利用MIDP1.0自定义完成这个2.0提供的Spirte类,这样更容易维护和自定义扩展！

而且J2me提供的游戏开发包也是一个现成好用的引擎！所以这也可以理解为什么在Android游戏开发中，大家很多时候还总会看到Sprite类的影子！还有很多做过me的同学会看到类似的代码，总说“你这Android游戏开发不还是J2me的那套东西么！”，呵呵，没错，但是请童鞋们先想一下，Android现在SDK 升级到了2.3 了，有听说哪个版本中提供了类似meAPi中的“Game”专用于开发游戏的开发包？答案是肯定没有。而且能把自己在me中的游戏框架拿到android来，更快的进入开发也是很好的，当然这里不是推荐把j2me的那几个游戏扩展包直接拿来用，这种属于移植 – -。反而更加浪费游戏的效率！

总结一句：不是大家不想抛开me的架构来做原生态的Android游戏！而是Android现在没有更好的适合游戏的开发包；

不多说别的了，今天主要为各位童鞋讲解在游戏中如何实现动画！

实现动画，我们一般都是自己去利用图片数组、切片的变换形成的动画。那么下面给大家简单介绍两种实现方式：

第一种： 利用图片数组，不断改变画在画布上的图片数组下标，从而实现动画的形成！(每张图片是动画的一帧)

注意：下面这一段写的是演示代码！请自行整理；

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
变量：   
Bitmap bmp0 , bmp1 , bmp2 ;   
Bitmap [ ] bmp_array = new Bitmap [ 3 ] ;   
int bmpIndex ;   
  
初始化中：   
bmp0 = BitmapFaxxxxxxxx ;   
bmp1 = BitmapFaxxxxxxxx ;   
bmp2 = BitmapFaxxxxxxxx ;   
bmp_array [ 0 ] = bmp0 ;   
bmp_array [ 1 ] = bmp1 ;   
bmp_array [ 2 ] = bmp2 ;   
      
画布中： //一直在刷新画布  
canvas . drawBitmap ( bmp_array [ bmpIndex ] ) ;   
    
逻辑中： //线程中一直在执行逻辑  
bmpIndex ++ ;   
if ( bmpIndex & gt ; = bmp_array . length )   
   bmpIndex = 0 ;

逻辑中一直让bmpIndex++，为了让图片数组下标能向着下一张图片索引,这样一来在画布中，就形成了动画了。

有的童鞋说如何控制动画的播放速度呢？有的说改变线程的休眠时间！！？

游戏开发中一般都只要一个线程来控制，那么如果你为了控制动画的快慢而轻率的去改变线程的休眠时间，那就大错特错了。我们不应该去动主线程的刷新时间（休眠时间）而是想着去针对动画去想办法，这样别的地方不会受到影响！

一般情况下，刷新时间（线程休眠时间）很快，童鞋们肯定是嫌动画播放太快，那么我们可以自定义一个计时器。 比如我们定义一个变量去消耗掉一些时间！看以下代码：

此段代码仍然是演示代码，请注意自行整理；

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
变量：   
Bitmap bmp0 , bmp1 , bmp2 ;   
Bitmap [ ] bmp_array = new Bitmap [ 3 ] ;   
int bmpIndex ;   
int time ;   
初始化中：   
bmp0 = BitmapFaxxxxxxxx ;   
bmp1 = BitmapFaxxxxxxxx ;   
bmp2 = BitmapFaxxxxxxxx ;   
bmp_array [ 0 ] = bmp0 ;   
bmp_array [ 1 ] = bmp1 ;   
bmp_array [ 2 ] = bmp2 ;   
      
画布中： //一直在刷新画布  
canvas . drawBitmap ( bmp_array [ bmpIndex ] ) ;   
    
逻辑中： //线程中一直在执行逻辑  
time ++ ;   
if ( time % 10 == 0 ) {   
   bmpIndex ++ ;   
}   
if ( bmpIndex & gt ; = bmp_array . length )   
   bmpIndex = 0 ;

这段代码和之前那一段唯一的差别就是新增加了一个变量 time ,我们假定我们刷新时间（线程休眠时间）为 100毫秒，那么time++;

当if(time%10==0)成立的时候理论上肯定就是正好是一秒钟，【10（time）*100(线程休眠时间)=1000(正好1秒)】这样一来就OK，解决了！

第二种：利用切片来实现动画；（所有帧数都放在同一张图片中）

开发过游戏的肯定很熟悉下面这两张图:

图1 ：

图2 ：

图1，是个规则的帧数组成的一张图片，图2则是动作编辑器生成的图片。

游戏中一般常用的是规则的如图1一样的图片，这样的图片比我们第一种实现动画的方式为内存剩下了不少，那么图2由动作编辑器生成的当然更省！ 这里针对图2这个我就先不多讲了。因为关联到编辑器等、大家可以自行百度下；

我们来看图1，如果经常看我博客的会发现图1很熟悉，嘿嘿，对的，这个是《【Android游戏开发之四】Android简单游戏框架》中一个人物行走的demo，第四章我讲解的是一个人物行走的demo，但是关于细节代码当时没有做特别注释和说明，今天正好用在这里，为各位童鞋详解讲解下：

先上段代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
/**
*@author Himi
*  
    //为了让童鞋们更容易理解，我这里是把图片分割出来，
    //分为上下左右四个人物方向的数组
    private int animation_up[] = { 3, 4, 5 };    
    private int animation_down[] = { 0, 1, 2 };    
    private int animation_left[] = { 6, 7, 8 };    
    private int animation_right[] = { 9, 10, 11 };  
public void draw() {    
        canvas = sfh.lockCanvas();    
        canvas.drawRect(0, 0, SW, SH, p);  
        canvas.save();  
        canvas.drawText("Himi", bmp_x-2, bmp_y-10, p2);    
         //这里的clipRect是设置可视区域，记得要 canvas.save();   canvas.restore();
        //如果不懂请看【Android游戏开发之四】 ，这里我主要介绍canvas.clipRect()  
        //以及canvas.drawBitmap()两个方法中的几个参数!
        canvas.clipRect(bmp_x, bmp_y, bmp_x + bmp.getWidth() / 13, bmp_y+bmp.getHeight());  
        //bmp_x:图片的x坐标
        //bmp_y：图片的y坐标
        //bmp_x + bmp.getWidth() / 13 ：图片的x坐标+每一帧的宽度
        //bmp_y+bmp.getHeight()  ：图片的y坐标+每一帧的高度  
        if (animation_init == animation_up) {    
            canvas.drawBitmap(bmp, bmp_x - animation_up[frame_count] * (bmp.getWidth() / 13), bmp_y, p);  
            //bmp:有很多帧在一起的这张图片(图1)
            //bmp_x - animation_up[frame_count] * (bmp.getWidth() / 13) :
            //图片的x坐标 - 每一帧的X坐标(这里看备注1)
            //bmp_y：图片的y坐标
            //p：画笔
        } else if (animation_init == animation_down) {    
            canvas.drawBitmap(bmp, bmp_x - animation_down[frame_count] * (bmp.getWidth() / 13), bmp_y, p);    
        } else if (animation_init == animation_left) {    
            canvas.drawBitmap(bmp, bmp_x - animation_left[frame_count] * (bmp.getWidth() / 13), bmp_y, p);    
        } else if (animation_init == animation_right) {    
            canvas.drawBitmap(bmp, bmp_x - animation_right[frame_count] * (bmp.getWidth() / 13), bmp_y, p);    
        }    
        canvas.restore();  //备注3  
        sfh.unlockCanvasAndPost(canvas);    
    }    
    public void cycle() {    
        if (DOWN) {    
            bmp_y += 5;    
        } else if (UP) {    
            bmp_y -= 5;    
        } else if (LEFT) {    
            bmp_x -= 5;    
        } else if (RIGHT) {    
            bmp_x += 5;    
        }    
        if (DOWN || UP || LEFT || RIGHT) {    
            if (frame_count < 2) {    
                frame_count++;    
            } else {    
                frame_count = 0;    
            }    
        }    
        if (DOWN == false && UP == false && LEFT == false && RIGHT == false) {    
            frame_count = 0;    
        }    
    }    
    */

备注1：解释为什么要 “图片的x坐标 – 每一帧的X坐标”：

大家先看下图：

假设：我们现在把可视区域设定在（0，0）点，可是区域大小正好是图片每一帧的宽高；那么此时我们先在可视区域中显示下标为0的帧，我们只要把整张图片画在（0，0）即可，如上图中画的一样，现在只有第一帧能看到，那么我们如果想看第二张呢？当然是用图片的x坐标 – 每一帧的X坐标，就能看到下标为1的这一帧！如下图；

 

OK,这里我要强调一下：一定要理解这种思路，因为我们这里图1的高正好是每帧的高，可能以后有高宽都不一样！所以这里我在向大家介绍这种思路，千万要学以致用！！！OK，今天就讲到这，继续忙着写书啦。谢谢大家一直的支持！

Thx everybody！ 娃哈哈~

文章标签：
Android开发
关键词：
Android库
Android播放
Android动画
Android游戏
Android图文详解
ghost丶桃子
目录
相关文章
aqi00
|
14天前
|
Linux 编译器 Android开发
FFmpeg开发笔记（九）Linux交叉编译Android的x265库
在Linux环境下，本文指导如何交叉编译x265的so库以适应Android。首先，需安装cmake和下载android-ndk-r21e。接着，下载x265源码，修改crosscompile.cmake的编译器设置。配置x265源码，使用指定的NDK路径，并在配置界面修改相关选项。随后，修改编译规则，编译并安装x265，调整pc描述文件并更新PKG_CONFIG_PATH。最后，修改FFmpeg配置脚本启用x265支持，编译安装FFmpeg，将生成的so文件导入Android工程，调整gradle配置以确保顺利运行。
aqi00
39 1
FFmpeg开发笔记（九）Linux交叉编译Android的x265库
众所周知
|
4月前
|
安全 API Android开发
Android网络和数据交互： 解释Retrofit库的作用。
Android网络和数据交互： 解释Retrofit库的作用。
众所周知
41 0
初学者-Study
|
5月前
|
XML Android开发 数据安全/隐私保护
Android 自定义开源库 EasyView
Android 自定义开源库 EasyView
初学者-Study
30 0
aqi00
|
16天前
|
Unix Linux Shell
FFmpeg开发笔记（八）Linux交叉编译Android的FFmpeg库
在Linux环境下交叉编译Android所需的FFmpeg so库，首先下载`android-ndk-r21e`，然后解压。接着，上传FFmpeg及相关库（如x264、freetype、lame）源码，修改相关sh文件，将`SYSTEM=windows-x86_64`改为`SYSTEM=linux-x86_64`并删除回车符。对x264的configure文件进行修改，然后编译x264。同样编译其他第三方库。设置环境变量`PKG_CONFIG_PATH`，最后在FFmpeg源码目录执行配置、编译和安装命令，生成的so文件复制到App工程指定目录。
aqi00
43 9
FFmpeg开发笔记（八）Linux交叉编译Android的FFmpeg库
亚丁号
|
4月前
|
算法 Java 定位技术
分享104个益智休闲安卓游戏源码，总有一款适合你
分享104个益智休闲安卓游戏源码，总有一款适合你
亚丁号
172 1
aqi00
|
22小时前
|
安全 Linux Android开发
FFmpeg开发笔记（十六）Linux交叉编译Android的OpenSSL库
该文介绍了如何在Linux服务器上交叉编译Android的FFmpeg库以支持HTTPS视频播放。首先，从GitHub下载openssl源码，解压后通过编译脚本`build_openssl.sh`生成64位静态库。接着，更新环境变量加载openssl，并编辑FFmpeg配置脚本`config_ffmpeg_openssl.sh`启用openssl支持。然后，编译安装FFmpeg。最后，将编译好的库文件导入App工程的相应目录，修改视频链接为HTTPS，App即可播放HTTPS在线视频。
aqi00
14 3
FFmpeg开发笔记（十六）Linux交叉编译Android的OpenSSL库
一歲抬頭
|
13天前
|
Android开发 内存技术
Android 通过tinyalsa调试解决录制和播放音频问题
Android 通过tinyalsa调试解决录制和播放音频问题
一歲抬頭
25 1
一歲抬頭
|
13天前
|
Java Android开发
Android Mediatek 延迟停止启动动画和通知SurfaceFlinger(Android正在启动)
Android Mediatek 延迟停止启动动画和通知SurfaceFlinger(Android正在启动)
一歲抬頭
12 0
aqi00
|
1月前
|
Java Android开发
Android开发之使用OpenGL实现翻书动画
本文讲述了如何使用OpenGL实现更平滑、逼真的电子书翻页动画，以解决传统贝塞尔曲线方法存在的卡顿和阴影问题。作者分享了一个改造后的外国代码示例，提供了从前往后和从后往前的翻页效果动图。文章附带了`GlTurnActivity`的Java代码片段，展示如何加载和显示书籍图片。完整工程代码可在作者的GitHub找到：https://github.com/aqi00/note/tree/master/ExmOpenGL。
aqi00
31 1
Android开发之使用OpenGL实现翻书动画
亚丁号
|
4月前
|
编解码 移动开发 人工智能
android游戏源码
android游戏源码
亚丁号
86 0

热门文章

最新文章

  • 1
    提升Android应用性能的实用技巧
  • 2
    我的Android之路(持续更新总结~)
  • 3
    Android实现自定义进度条(源码+解析)
  • 4
    安卓适配性策略：确保应用在不同设备上的兼容性
  • 5
    构建高效Android应用：探究Kotlin与Java的性能差异
  • 6
    安卓安全性指南：保护用户数据免受恶意攻击
  • 7
    Android系统 文件访问权限笔记
  • 8
    安卓多线程和并发处理：提高应用效率
  • 9
    安卓UI/UX设计原则：打造引人入胜的用户体验
  • 10
    构建高效Android应用：从优化用户体验到提升性能
  • 1
    【Android平板编程】远程Ubuntu服务器code-server编程写代码
    58
  • 2
    android 使用GSON 序列化对象出现字段被优化问题解决方案
    19
  • 3
    构建高效安卓应用：探究Kotlin与Java的性能对比
    86
  • 4
    构建高效安卓应用：探究Kotlin与Java的性能差异
    21
  • 5
    ADB 下载、安装及使用教程：让你更好地管理 Android 设备
    548
  • 6
    构建高效的安卓应用：探究Kotlin与Java的性能差异
    20
  • 7
    构建高效Android应用：探究Kotlin与Java的性能差异
    54
  • 8
    构建高效Android应用：探究Kotlin与Java的性能差异
    42
  • 9
    构建高效Android应用：探究Kotlin多线程编程
    41
  • 10
    构建高效Android应用：Kotlin协程的实践指南
    25

    • 相关课程

    更多
  • 开源Android容器化框架Atlas开发者指南
  • PHP进阶教程 - 由浅入深掌握面向对象开发 - 第二阶段
  • 「大师课」搞定 Java 开发基础
  • JavaScript 自学手册文档教程
  • Python网络爬虫实战
  • Go语言完全自学手册图文教程

    • 相关电子书

    更多
  • 58同城Android客户端Walle框架演进与实践之路
  • Android组件化实现
  • 蚂蚁聚宝Android秒级编译——Freeline

    • 相关实验场景

    更多
  • 语言入门-1：环境构建
  • 前端开发基础1：前端开发环境的安装和配置
  • 基于函数计算快速搭建Zblog等传统应用框架
  • 1分钟部署经典小游戏
    • 下一篇
    将Stable Diffusion模型文件转存到FC环境的NAS