11RIA 闪客社区 - 最赞 Animate Flash 论坛

搜索
查看: 2225|回复: 0
上一主题 下一主题

[2D 物理引擎] 【9RIA—ladeng6666】—【Box2D系列教程 36】Box2D刚体缩放

[复制链接] TA的其它主题
发表于 2018-2-6 11:18:18 | 显示全部楼层 |阅读模式

【游客模式】——注册会员,加入11RIA 闪客社区吧!一起见证Flash的再次辉煌……

您需要 登录 才可以下载或查看,没有帐号?立即注册

x

转载:9RIA游戏开发者社区(天地会)
作者:ladeng6666(拉登大叔)
作者博客:http://www.ladeng6666.com/blog/


【Box2D系列教程-导航帖】—拉登大叔出品(总贴)


刚刚提缩放,无非就是设置一下width、height或scaleX、scaleY属性嘛,这么简单的东西也要写个教程?很遗憾的告诉你,Box2D刚体不像Flash里的显示对象,没有width、height或scaleX、scaleY这样的属性,那么怎么办呢?继续看教程!

好吧,即使不一样,这么简单的东西能做出什么样的效果?能做游戏?没错,不怕做不到,就怕想不到。Shrink it就是用刚体缩放制作的一个游戏(如下图),点击刚体进行缩放,让上面的多边形碰撞星星,这也是今天我们要模仿的效果。

shrinkit.jpg
不是显示对象,就无法使用width、height或scaleX、scaleY来调整刚体的大小了。不过我们还是有办法的!

b2Body类没有直接影响刚体尺寸的属性或方法,而是要通过b2Shape类的一些方法来实现,所以首先要用b2Body.GetFixtureList().GetShape()获取刚体的图形,然后根据图形的类型进行不同的设置。

[Actionscript3] 纯文本查看 复制代码
//获取鼠标点击刚体的图形数据
var pressedShape = pressedBody.GetFixtureList().GetShape();


我们知道b2Shape的子类有两种,一个是b2CircleShape类,这个图形的尺寸调整起来比较简单,直接调用b2CircleShape.setRadius()就可以重新设置新的半径。参数可以设置为b2CircleShape.getRadius()*scale来进行比例缩放,代码如下:
[Actionscript3] 纯文本查看 复制代码
//通过SetRadius()方法,将圆形的半径缩小为0.9倍
pressedShape.SetRadius(pressedShape.GetRadius()*.9);


另一个是b2PolygonShape类,因为多边形的顶点数量和位置不同,形成的图形也不同,所以没有类似于SetRadius()的SetWidth()或SetHeight()方法。实际上,我们可以把多边形分解成多个顶点,多边形等比例缩放时,顶点到中心点的距离也是等比例缩放的(如下图所示),所以我们只需要用顶点向量的Multiply()方法乘以指定的缩放比例即可。
[Actionscript3] 纯文本查看 复制代码
//遍历图形的所有顶点,将顶点到中心点的距离缩小为0.9倍
for each( var vec:b2Vec2 in pressedShape.GetVertices()) {
     vec.Multiply(0.9);
}


b2shapeSample.jpg
下面的示例中,我模拟了Shrink it游戏的第一关,点击动态刚体进行缩放,点击Restart按钮重置刚体。


完整的源代码和注释如下:
[Actionscript3] 纯文本查看 复制代码
package  
{
        import Box2D.Collision.Shapes.b2CircleShape;
        import Box2D.Collision.Shapes.b2PolygonShape;
        import Box2D.Collision.Shapes.b2Shape;
        import Box2D.Common.Math.b2Vec2;
        import Box2D.Dynamics.b2Body;
        import Box2D.Dynamics.b2World;
        import com.bit101.components.PushButton;
        import flash.display.Sprite;
        import flash.events.Event;
        import flash.events.MouseEvent;

        /**
         * ...
         * @author ladeng6666
         */
        public class Main extends Sprite 
        {
                private var world:b2World;

                public function Main() 
                {
                        //创建世界
                        createWorld();
                        //侦听事件
                        setupEvent();
                        //创建刚体
                        createBody();
                        //添加按钮
                        setUI();
                }

                private function createWorld():void 
                {
                        //添加世界
                        world = LDEasyBox2D.createWorld();
                        //添加调试试图
                        addChild(LDEasyBox2D.createDebug(world));
                        LDEasyBox2D.stage = this;
                }
                private function createBody():void 
                {
                        //添加包围的墙体
                        LDEasyBox2D.createWrapWall(world, this);

                        //创建圆形刚体
                        LDEasyBox2D.createCircle(world, 300, 50, 30);
                        //创建8边形
                        LDEasyBox2D.createRegular(world, 255, 50, 30, 8);
                        //创建动态刚体
                        LDEasyBox2D.createBox(world, 270, 170, 288, 30);
                        //创建3个静态的刚体
                        LDEasyBox2D.createBox(world, 140, 200, 100, 30, true);
                        LDEasyBox2D.createBox(world, 400, 200, 100, 30, true);
                        LDEasyBox2D.createBox(world, 265, 300, 100, 30, true);
                }

                private function clearBodies():void {
                        //清除所有的刚体
                        var body:b2Body;
                        for (body = world.GetBodyList(); body; body = body.GetNext()) {
                                world.DestroyBody(body);
                        }
                }
                private function setupEvent():void 
                {
                        stage.addEventListener(Event.ENTER_FRAME, loop);
                        stage.addEventListener(MouseEvent.MOUSE_DOWN, mouseHandler);
                }

                private function mouseHandler(e:MouseEvent):void 
                {
                        var pressedBody:b2Body = LDEasyBox2D.getBodyAtMouse(world);

                        if (pressedBody == null || pressedBody.GetType() == b2Body.b2_staticBody) return;
                        //获取鼠标点击刚体的图形数据
                        var pressedShape = pressedBody.GetFixtureList().GetShape();
                        if (pressedBody.GetFixtureList().GetShape() is b2CircleShape) {
                                //通过SetRadius()方法,将圆形的半径缩小为0.9倍
                                pressedShape.SetRadius(pressedShape.GetRadius()*.9);
                        }else {
                                //遍历图形的所有顶点,将顶点到中心点的距离缩小为0.9倍
                                for each( var vec:b2Vec2 in pressedShape.GetVertices()) {
                                        vec.Multiply(0.9);
                                }

                        }
                        //缩放完之后,唤醒刚体
                        pressedBody.SetAwake(true);

                }

                private function loop(e:Event):void 
                {

                        LDEasyBox2D.updateWorld(world);
                }

                private function setUI():void 
                {
                        var btn:PushButton = new PushButton(this, 270, 15, "ReStart", function():void {
                                clearBodies();
                                createBody();
                        });
                }
        }

}



下载:
OK-2012-12-18-Box2D-Shrink-Box2D-body.rar (444.39 KB, 下载次数: 3)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

感谢所有支持论坛的朋友:下面展示最新的5位赞助和充值的朋友……更多赞助和充值朋友的信息,请查看:永远的感谢名单

SGlW(66139)、 anghuo(841)、 whdsyes(255)、 longxia(60904)、 囫囵吞澡(58054)

下面展示总排行榜的前3名(T1-T3)和今年排行榜的前3名的朋友(C1-C3)……更多信息,请查看:总排行榜今年排行榜

T1. fhqu1462(969)、 T2. lwlpluto(14232)、 T3. 1367926921(962)  |  C1. anghuo(147)、 C2. fdisker(27945)、 C3. 囫囵吞澡(58054)



快速回复 返回顶部 返回列表