Cocos2D-JS Chipmunk PhysicsSprite 移动动作在 Android phone 中不起作用

Question

我正在尝试开发一个简单的跨平台游戏，并尝试使用 Cocos2D-JS 将带有 Body 的 PhysicsSprite 移动到我 touched/clicked 的位置。

这是我的代码：

var TAG_SPRITE = 1;

var AnimationLayer = cc.Layer.extend({
    space:null,

    ctor:function (space) {
        this._super();
        this.space = space;
        this.init();
    },
    init:function () {
        this._super();

        var winsize = cc.director.getWinSize();

        //init physics sprite
        var spriteHead = new cc.PhysicsSprite(res.Head_png);
        var headContentSize = spriteHead.getContentSize();

        //init body
        var headBody = new cp.Body(1, cp.momentForBox(1, headContentSize.width, headContentSize.height));
        headBody.p = cc.p(winsize.width / 2, winsize.height / 3);
        this.space.addBody(headBody);

        //init shape
        var headShape = new cp.CircleShape(headBody, headContentSize.width / 2, cp.v(0, 0));
        headShape.setFriction(0.3);
        headShape.setElasticity(0.8);
        this.space.addShape(headShape);

        spriteHead.setBody(headBody);

        this.addChild(spriteHead, 0, TAG_SPRITE);

        //for mobile
        if('touches' in cc.sys.capabilities ){
            cc.eventManager.addListener({
                event: cc.EventListener.TOUCH_ONE_BY_ONE,
                swallowTouches: true,
                onTouchBegan:function (touch, event) {
                    cc.log('touch began');
                    event.getCurrentTarget().moveSprite(touch.getLocation());
                    return true;
                },
                onTouchMoved: function (touch, event) {
                },
                onTouchEnded: function (touch, event) {
                },
                onTouchCancelled: function (touch, event) {
                }
            }, this);
        }
        //for desktop
        else if ('mouse' in cc.sys.capabilities ) {
            cc.eventManager.addListener({
                event: cc.EventListener.MOUSE,
                onMouseUp: function (event) {
                    event.getCurrentTarget().moveSprite(event.getLocation());
                }
            }, this);
        }
    },
    moveSprite:function(position) {
        cc.log('move to: ' + position.x + ',' + position.y);
        var sprite = this.getChildByTag(TAG_SPRITE);
        var moveAction = new cc.moveTo(1, position);
        sprite.runAction(moveAction);
    }
});

正如我在 logcat 中看到的日志，它可以处理触摸事件但不能移动精灵。当我将 PhysicsSprite 转换为 Sprite 对象并删除所有其他 Body 和 Shape 东西时，它可以移动到我触摸的位置。问题是我可以在浏览器中移动 PhysicsSprite，而我不能在我的 Android phone.

中这样做

注：我用的是Chipmunk物理引擎

Answer 1

我不知道这是真正的解决方案还是应该被视为解决方法，但下面的代码适用于网络和 Android。但仍然不知道为什么问题中的代码不适用于 Android 而它适用于网络。（如果它对两者都不起作用会更有意义...）

我试图移动 body 精灵而不是它本身。新的moveSprite方法是这样的：

moveSprite: function(sprite){
    cc.log('move to: ' + position.x + ',' + position.y);
    var sprite = this.getChildByTag(TAG_SPRITE);
    var body = sprite.getBody();
    var velocity = 300;
    this.moveWithVelocity(body, position, velocitiy);
}

moveWithVelocity是我在同一层创建的自定义函数，将Body以特定速度移动到目标点：

moveWithVelocity: function(body, destination, velocity){
    var deltaX = destination.x - body.p.x;
    var deltaY = destination.y - body.p.y;
    var distance = Math.sqrt(Math.pow(deltaX,2) + Math.pow(deltaY,2));
    var time = distance / velocity;
    var velocityX = deltaX / time;
    var velocityY = deltaY / time;

    //start the action with the calculated velocity in the calculated direction
    body.applyImpulse(cc.v(velocityX, velocityY), cc.v(0,0));

    //stop the sprite (or body here) when duration of movement is time out (or when the sprite/body arrives its destination)
    setTimeout(function(){
        body.setVel(cc.v(0,0));
    }, time*1000);

}

希望这对遇到同样问题的人有所帮助。

Cocos2D-JS Chipmunk PhysicsSprite 移动动作在 Android phone 中不起作用

Cocos2D-JS Chipmunk PhysicsSprite Move action not working in Android phone

javascript

android

chipmunk

cocos2d-js