Android 游戏教程:让人物动起来

今天我们用zgf框架做一个人物运动的demo，这是个简单的例子代码不多功能简陋，通过这个例子可以学会用zgf框架加载游戏图片和实现逐帧动画，通过这些就可以让一张图片变成一段简单的动画。
一.
准备工作

     首先我们要事先准备好要使用的人物动作图和地形图



 

这张是动作图，把它分割成16个不同的动作，循环播放同一行的4个不同动作就可以让人物动起来了。

二. 动画实现

    按照 简单的android游戏框架——zgf 所述先搭建一个框架，接着编写如下类：

     人物类Person主要代码如下：
private int x;  
    private int y;  
    private int dist;//行走方向  
    private int spd;//行走速度  
    private boolean isMove;  
    private Bitmap img;  
    private int imgXId;//图片的横向切片编号  
    private int imgYId;//图片的纵向切片编号  
    private int actTime;//动画间隔时间  
      
    public Person(Context con,int x,int y) {  
        //人物中心点  
        this.x=x;  
        this.y=y;  
          
        dist=Constants.DOWN;  
        isMove=false;  
        spd=2;  
        img=GraphicUtil.ReadBitMap(con, R.drawable.bb);  
        imgXId=0;  
        imgYId=0;  
    }  
      
    public void draw(Canvas c, Paint p) {  
        //图片的左上角坐标  
        int ix=x-Constants.PERSON_WIDTH/2;  
        int iy=y-Constants.PERSON_HEIGHT/2;  
          
        GraphicUtil.DrawClipById(c, p, Constants.PERSON_WIDTH, Constants.PERSON_HEIGHT,  
                img, imgXId, imgYId, ix, iy);  
    }  
      
    public void act() {  
        if(isMove) {  
            if(actTime<Constants.ACT_TIME)   
                actTime++;  
            else if(actTime>=Constants.ACT_TIME)  
                actTime=0;  
            imgXId=actTime*actTime/Constants.ACT_TIME;  
          
            switch(this.dist) {  
                case Constants.UP:  
                    y-=spd;  
                    imgYId=3;  
                    break;  
                case Constants.DOWN:  
                    y+=spd;  
                    imgYId=0;  
                    break;  
                case Constants.RIGHT:  
                    x+=spd;  
                    imgYId=2;  
                    break;  
                case Constants.LEFT:  
                    x-=spd;  
                    imgYId=1;  
                    break;  
            }  
              
            //控制行走范围不超出屏幕  
 
4000
           x=x<0?0:x;  
            x=x>GameAct.GetDispW()?GameAct.GetDispW():x;  
            y=y<0?0:y;  
            y=y>GameAct.GetDispH()?GameAct.GetDispH():y;  
        }  
    }  
      
    public void move(int dist) {  
        this.dist=dist;  
        this.isMove=true;  
    }  
      
    public void stop() {  
        this.isMove=false;  
        actTime=0;  
    }  

 打开api文档，找到 com.zxx43.commen.graphic.GraphicUtil 可以看到 

ReadBitMap(java.lang.String src)
和 ReadBitMap(Context context,
int resId) 两个方法，通过这两个方法可以获得bitmap对象，前一个方法是根据文件路径加载图片，后一个方法是根据资源id加载图片。

   DrawClipById(Canvas c,
Paint p, int cw, int ch, Bitmap file, int idX, int idY, int x, int y) 方法绘制切片，cw和ch是图片的切片宽度和高度，idX和idY是图像的横向和纵向编号。



     接着绘制背景，新建BackMap类，主要代码如下：

 

private Bitmap texture;  
      
    public BackMap(Context con) {  
        texture=GraphicUtil.ReadBitMap(con, R.drawable.texture);  
    }  
      
    public void draw(Canvas c, Paint p) {  
        int imgX=0;  
        int imgY=0;  
        int wc=GameAct.GetDispW()/Constants.TILE_WIDTH;  
        int hc=GameAct.GetDispH()/Constants.TILE_WIDTH;  
        //将图像铺满屏幕  
        for(int i=0;i<wc;i++) {  
            for(int j=0;j<hc;j++) {  
                int x=i*Constants.TILE_WIDTH;  
                int y=j*Constants.TILE_WIDTH;  
                GraphicUtil.DrawClipById(c, p, Constants.TILE_WIDTH, Constants.TILE_WIDTH,   
                        texture, imgX, imgY, x, y);  
            }  
        }  
    }  

 

 然后把它们在一个类里面实例化对象：

BackMap bm;  
    Person per;  
    int time=0;  
      
    public Scene(Context con) {  
        init(con);  
    }  
      
    private void init(Context con) {  
        bm=new BackMap(con);  
        int px=GameAct.GetDispW()-GameAct.GetDispW()/6;  
        int py=GameAct.GetDispH()/6;  
        per=new Person(con,px,py);  
    }  
      
    public void draw(Canvas c,Paint p) {  
        bm.draw(c, p);  
        per.draw(c, p);  
    }  
      
    public void act() {  
        //人物逆时针行走  
        int dist=Constants.NONE;  
        int timer=100;  
        if(time<timer)  
            dist=Constants.LEFT;  
        else if(time<2*timer)  
            dist=Constants.DOWN;  
        else if(time<3*timer)  
            dist=Constants.RIGHT;  
        else if(time<4*timer)  
            dist=Constants.UP;  
        else if(time>=4*timer)  
            time=0;  
        time++;  
              
        per.move(dist);  
        per.act();  
    }  

 

       最后编写Game.java：
private Scene scene;  
      
    public Game(Context con) {  
        super(con);  
        scene=new Scene(con);  
    }  
      
    @Override  
    public void run(Context con, Canvas c, Paint p) {  
        scene.draw(c,p);  
        scene.act();  
    }  

  完成，运行效果如下：