JBox2D运用-打造摩拜单车贴纸动画效果

ANGRYBIRDS

1. 准备工作

**1. 在github上下载JBox2d源码：https://github.com/jbox2d/jbox2d **

2. 安装并配置本地maven仓库环境

1. 下载maven，选择apache-maven-3.5.0-bin下载(可随意选择不同版本)：http://maven.apache.org/download.cgi

2. 配置环境变量 ：

> 1.新建 `MAVEN_HOME : E:\maven\apache-maven-3.5.0`
 
> 2.添加 path： `E:\maven\apache-maven-3.5.0\bin`  或者  `;%MAVEN_HOME\bin%`

3.cmd中执行命令mvn -v检测maven安装是否成功，出现版本号即成功。

3. 修改本地maven仓库地址：

   1.在本地maven的目录下修改setting.xml文件中的内容：
   E:\maven\apache-maven-3.5.0\conf\settings.xml
   在相应的位置增加下面这句话：
   D:\maven\repository

   2.修改本地maven仓库地址截图

   
   

   

   自定义本地maven仓库地址

   3.验证修改是否成功，cmd中执行如下命令 ： mvn help:system
   之后会下载一些相关的配置文件，我们到刚刚定义的目录查看会多出很多文件夹，说明修改OK。

   4.如果查看本地maven地址 ： mvn help:effective-settings
   cmd中执行命令之后会看到下面的输出，里面有本地maven仓库地址
   

   

   查看本地maven仓库地址

3. 将从github下载的源码通过命令转化为gradle工程

1. 进入要转化为gradle工程的目录下，找到pom.xml文件,
   例如：F:\jbox2d\jbox2d-master\jbox2d-library

2. 在工程目录下cmd执行命令 ： gradle init --type pom

3. 转化成果出现如下提示，并且目录下增加gradle的配置文件

maven转gradle成功

4. 将上面转化的工程导入AS，并编译成jar包的形式，以供使用。

1. 编译jar包时可以选择：
   Android Studio右侧的Gradle下面对应的Tasks\build\assemble,
   或者Android Studio下方的Terminal命令窗口执行命令：gradlew assemble

2. 这时候如果出现如下错误：

Tasks\build\assemble下编译出错，不过没有直接显示错误

编译出错

Terminal下命令编译出错

命令行编译出错

3. 可以看到编译之后，路径出现问题，我们看一下路径修改一下即可,

修改之前的路径是：org.jbox2d.common

修改路径

4. 再次执行命令编译就可得到生成的jar包

编译成功生成jar

5. 编译jar包也可以通过执行maven命令来实现

1. 在工程目录下，cmd执行命令 ： mvn install就会生成我们需要的jar包，
   注意的是mvn编译生成的文件和jar都在target目录下。

2. 生成jar的目录在工程的target目录下

maven命令编译

---

2. 开始编码

1.项目效果图如下 ：

初始进入

碰撞完成

2. github源码地址 ： https://github.com/AmiGWF/JBox2dInAndroid

3. 项目说明

1. 这里用到的jbox2d引擎是通过jar的方式引入的，也可以直接下载jbox2d的源码导入引用。

2. 项目中实现目前只需要一个自定义view和一个实现类，相对比较简单，实现类中的相关逻辑可以参考jbo2d的文档。建议先看下文档，再进行编码， 文档在github项目的assest下。

3. 源码简要分析
   JBoxCollisionImpl 球体碰撞主要实现类
   1.部分参数说明

   /**
    * 模拟世界中进行一次迭代模拟world.step所需参数
    * 迭代频率
    * 迭代速率
    * 迭代次数
    */
    private float dt = 1f / 60f;
    private int velocityIterations = 5;
    private int positionIterations = 20;

    private int mProportion = 50;  // 模拟世界和view坐标的转化比例
    private float mDensity = 0.6f;  //密度
    private float mFrictionRatio = 0.8f;  //摩擦系数
    private float mRestitutionRatio = 0.6f;  //恢复系数

2.部分方法说明

private void createBody(View view) {
        BodyDef bodyDef = new BodyDef();
        bodyDef.type = BodyType.DYNAMIC;  //动态的刚体

        bodyDef.position.set(mappingView2Body(view.getX() + view.getWidth() / 2), 
mappingView2Body(view.getY() + view.getHeight() / 2));  //设置重心位置，即圆心

        Shape shape = null;
        Boolean isCircle = (Boolean) view.getTag(R.id.wd_view_circle_tag);
        if (isCircle != null && isCircle) {
            shape = createCircleBody(view);  // 创建形状为圆形的钢体
        } else {
            shape = createPolygonBody(view);
        }

        FixtureDef def = new FixtureDef();
        def.shape = shape;
        def.density = mDensity;
        def.friction = mFrictionRatio;
        def.restitution = mRestitutionRatio;

        Body body = mWorld.createBody(bodyDef);
        body.createFixture(def);
        view.setTag(R.id.wd_view_body_tag, body);

        body.setLinearVelocity(new Vec2(random.nextFloat(), random.nextFloat()));  //设置球体运动的线性速度，这里使用的是随机值
    }

//  重绘不同球体的位置
public void onDraw() {
        if (mWorld != null) {
            mWorld.step(dt, velocityIterations, positionIterations);
        }
        int count = viewGroup.getChildCount();
        for (int i = 0; i < count; i++) {
            View view = viewGroup.getChildAt(i);
            if (isBodyView(view)) {
                view.setX(getViewX(view));
                view.setY(getViewY(view));
                view.setRotation(getViewRotaion(view));
            }
        }
        viewGroup.invalidate();
    }

//  设置模拟世界上下(左右)的边界
 private void updateTopAndBottomBounds() {
        BodyDef bodyDef = new BodyDef();
        bodyDef.type = BodyType.STATIC;  // 这里是静态的，因为不需要移动

        PolygonShape shape = new PolygonShape();
        float hx = mappingView2Body(mWorldWidth);
        float hy = mappingView2Body(mProportion);
        shape.setAsBox(hx, hy);

        FixtureDef def = new FixtureDef();
        def.shape = shape;
        def.density = mDensity;
        def.friction = mFrictionRatio;
        def.restitution = mRestitutionRatio;

        bodyDef.position.set(0, -hy);
        Body topBody = mWorld.createBody(bodyDef);
        topBody.createFixture(def);

        bodyDef.position.set(0, mappingView2Body(mWorldHeight) + hy);
        Body bottomBody = mWorld.createBody(bodyDef);
        bottomBody.createFixture(def);
    }