JustWeEngine

介绍:

轻量级游戏框架

运行效果:

使用说明:

引擎核心类流程图

使用方法

引入Engine作为Library进行使用。

引擎初步封装完毕

以之开发的微信打飞机游戏Demo:Demo地址

快速入门

1.基础功能

1.1继承引擎核心类:

由于框架全部使用SurfaceView进行绘制,不使用诸如Button、Layout等原生控件,所以应该首先新建类继承引擎核心类Engine,负责游戏的流程,注释中已有明确的标明功能。

    public class Game extends Engine {

    // 一般在构造函数完成变量的初始化

    public Game() {

        // 控制debug模式是否开始,debug模式打印日志、帧数、pause次数等信息

        super(true);

    }

    // 载入一些UI参数和设置屏幕放向,默认背景色,设定屏幕的扫描方式等

    @Override

    public void init() {

        // 初始化UI默认参数,必须调用该方法,其中有一些用于多机型适配的参数需要初始化

        UIdefaultData.init(this);

    }

    // 通常用于精灵,背景,图片等物体的设置和载入

    @Override

    public void load() {

    }

    // draw 和 update 在线程中进行不断的循环刷新

    // draw 负责绘制 update 负责更新数据和对象信息

    @Override

    public void draw() {

    }

    @Override

    public void update() {

    }

    // 将touch 事件传回 功能和所设定的屏幕扫描方式有关

    @Override

    public void touch(MotionEvent event) {

    }

    // 将碰撞事件传回 传回精灵和物品的基类 

    // 用于处理碰撞事件 默认使用矩形碰撞

    @Override

    public void collision(BaseSub baseSub) {

    }

    }

1.2绘制文字:

使用GamePrinter进行文字绘制,除此以外还有多种方法绘制:

    @Override

    public void draw() {

        Canvas canvas = getCanvas();

        GameTextPrinter printer = new GameTextPrinter(canvas);

        printer.drawText("哈哈哈", 100, 100);

    }

效果图:

1.3绘制图片:

建议图片存放在Asset中:

    GameTexture texture = new GameTexture(this);

    texture.loadFromAsset("pic/logo.jpg")

    texture.draw(canvas, 100, 100);

效果图:

另外也可使用loadFromAssetStripFrame从一个大的图片中取出对应位置的图片。

    /**

     * get bitmap from a big bitmap

     *

     * @param filename

     * @param x

     * @param y

     * @param width

     * @param height

     * @return

     */

    public boolean loadFromAssetStripFrame(String filename,

                                           int x, int y,

                                           int width, int height)

比如可以通过这四个参数把这个小飞机取出来:

PicUtils中提供了在Bitmap处理中很有用的各种特效和压缩方法,大家可以一试。

1.4使用精灵:

使用精灵可以使用BaseSprite也可以继承该类使用,BaseSprite封装了很多方法供各种动画使用,这些功能很多都是需要结合动画系统来使用的,动画系统会在后面介绍。

新建精灵:

1.简单初始化:

          sprite = new BaseSprite(this);

2.初始化连续帧动画:
连续帧的初始化需要这样的连续帧图片:

        GameTexture texture = new GameTexture(this);

        texture.loadFromAsset("pic/zombie.png");

        // 长宽以及列数

        sprite = new BaseSprite(this, 96, 96, 8);

        sprite.setTexture(texture);

        sprite.setPosition(100, 100);

        sprite.setDipScale(100, 100);

        // 帧切换动画是关键

        sprite.addAnimation(new FrameAnimation(0, 63, 1));

        addToSpriteGroup(sprite);

效果图:

3.使用从大图取出的多帧图片:

        // 新建图片资源(此图为上图的大图)

        GameTexture texture = new GameTexture(this);

        texture.loadFromAsset("pic/shoot.png");

        // 初始化设定模式和长宽

        ship = new BaseSprite(this, 100, 124, FrameType.COMMON);

        // 设定资源

        ship.setTexture(texture);

        // 从大图中取出两帧

        ship.addRectFrame(0, 100, 100, 124);

        ship.addRectFrame(167, 361, 100, 124);

        ship.addAnimation(new FrameAnimation(0, 1, 1));

效果图(两帧图片不断切换):

4.一些重要的其他设定:

      // 图片资源

      ship.setTexture(texture);

      // 大图取帧模式

      ship.addRectFrame(0, 100, 100, 124);

      // 设定位置

      ship.setPosition(x, y);

      // 设置dp大小

      ship.setDipScale(96, 96);

      // 设定dp位置

      ship.setDipPosition(x, y);

      // 设定透明度

      ship.setAlpha(...);

      // 只有将精灵添加到SpriteGroup中框架才会自行绘制,否则需要手动调用

      addToSpriteGroup(ship);

      ...

1.5使用按钮:

使用的按钮可以继承BaseButton进行拓展,也可以直接使用TextureButton和TextButton进行使用。
Button设定功能的方式和原生一样,通过设定接口回调的方式进行:

        button.setOnClickListener(new OnClickListener() {

          @Override

          public void onClick() {

              Log.e("button", "onClick");

          }

        });

1.TextureButton:

      TextureButton button;

      // 初始化并设定名字

      button = new TextureButton(this, "logo");

      texture = new GameTexture(this);

      texture.loadFromAsset("pic/logo.jpg");

      // 添加图片资源

      button.setTexture(texture);

      // button的接口回调,不是View的那个接口

      button.setOnClickListener(new OnClickListener() {

          @Override

          public void onClick() {

              Log.e("button", "onClick");

          }

        });

      button.setPosition(200, 300);

      button.setDipScale(100, 150);

      // 添加到ButtonGroup进行绘制和处理

      addToButtonGroup(button);

效果图:

结合PicUtil中的各种Bitmap处理方法可以很容易的做出各种样式的Button:

2.TextButton:

      TextButton button;  

      button = new TextButton(this, "logo");

      button.setText("刘丰恺");

      addToButtonGroup(button);

      // 余略见源码

      ...

效果图:

2.动画系统

目前的动画系统可以使用已经封装好的继承了BaseAnimation的动画,也可以继承BaseAnim进行自我定义动画类进行使用。

2.1绑定在BaseSub物品及精灵基类上的动画类

AnimType中保存了Animation的应用类型。

Animation

method

function

AliveAnimation

adjustAlive(boolean ori)

碰撞检测的时候进行判断存活状态

AlphaAnimation

adjustAlpha(int ori)

修改物体透明度

CircleMoveAnimation

adjustPosition(Float2 ori)

沿某一圆心进行圆周运动

FenceAnimation

adjustPosition(Float2 ori)

使用围栏动画防止出界

FrameAnimation

adjustFrame(int ori)

逐帧动画

MoveAnimation

adjustPosition(Float2 ori)

位移动画

SpinAnimation

adjustRotation(float ori)

旋转动画

ThrobAnimation

adjustScale(Float2 ori)

跳跃动画

VelocityAnimation

adjustPosition/adjustAlive

线性加速度计

WrapMoveAnimation

adjustPosition(Float2 ori)

围栏动画防止出界

ZoomAnimation

adjustScale(Float2 ori)

放大缩小动画

待续

...

...

绑定动画分为两类,ListAnimation和FixedAnimation,ListAnimation将动画存储到固定的一个List中,用于重复更新的动画, 而FixedAnimation存储在Map中,使用名字进行调用,用于点击或者非自动更新的动画。 比如前面精灵类动画的就是添加到ListAnimation。 下面的这种写法就是FixedAnimation,这个动画是小飞机入场,因为只使用了一次,所以使用了FixedAnimation。

        ship.addfixedAnimation("start",

                new MoveAnimation(UIdefaultData.centerInHorizontalX -   ship.getWidthWithScale() / 2,

                        UIdefaultData.screenHeight - 2 * ship.getHeightWidthScale(), new Float2(10, 10)));

效果图:

2.2绑定在Button上的动画类

BaseButtonAnimation是BaseButton的动画类继承了BaseAnim的动画基类,通过提供Button的状态,设定Button的动画。

Animation

method

function

ZoomCenterButtonAnim

adjustButtonRect(Rect ori,boolean touchType)

按钮放缩动画

ColorAnimation

adjustButtonBackGround(int ori,boolean type)

TextButton点击变色

待续

...

...

为Button设定放缩动画:

    // 设定中心放缩

    button.setZoomCenter(true);

    // 三个参数 初始值/放大值/帧数

    button.setAnimation(new ZoomCenterButtonAnim(10, 30, 3));

效果图:

为Button设定颜色动画:

    // 初始颜色 / 按下颜色

    button.setAnimation(

       new ColorAnimation(UIdefaultData.colorAccent,

       UIdefaultData.colorPressed));

效果图:

3.碰撞检测和死亡判定

只要使用了addToSpriteGroup(sprite)的精灵对象就会自动进行碰撞检测,而对碰撞检测的结果会从 collision中进行发回。

    @Override

    public void collision(BaseSub baseSub) {

        // 获取与之碰撞的对象

        BaseSprite other = (BaseSprite) baseSub.getOffender();

        // 获取ID分组处理

        if (baseSub.getIdentifier() == BULLET &&

                other.getIdentifier() == ENEMY) {

            // 设定死亡

            other.setAlive(false);

            // 回收

            removeFromSpriteGroup(other);

            addToRecycleGroup(other);

        }

    }

其中getOffender()获得与之碰撞的对象,通过getIdentifier()获取设定的对象分组,实行逻辑判断。 开启Debug模式会看见碰撞线。
效果图:

4.屏幕扫描模式

屏幕扫描模式是用来优先响应屏幕点击、Button点击、和多点触控而设的,放置在不同情况下都能优化屏幕的刷新。

    // 检测单一移动

    SINGLE,

    // 检测Button

    BUTTON,

    // 多点检测

    FULL,

    // 单击+Button

    SINGLE_BUTTON

5.工具类

  • NetUtils 网络状态工具类

  • PicUtils 图片处理工具类

  • ServiceUtils 服务工具类

  • ImageHelper 图型处理类

  • DisplayUtils 数据转换类

  • SpUtils Sp简化工具类(可存储list和map)

  • ValidatorsUtils 正则表达式处理类

有问题反馈

在使用中有任何问题,欢迎反馈给我,可以用以下联系方式跟我交流

已下载
0