【问题标题】:Cocos2d JS HTML5Cocos2d JS HTML5
【发布时间】:2015-07-14 09:54:06
【问题描述】:

我想在 cocos2d Java-script HTML5 中旋转这个图像。 上圆和下圆是两个不同的精灵。 我正在使用此代码:

var RotationAmount=0;
Top=cc.Sprite.create("Assets/Top.png");
Top.setPosition(MidX,MidY+100);
Top.schedule(function(){
    if(RotationAmount>360)
        RotationAmount=0;
});
    this.addChild(Top);

这是我的精灵的样子:

以上这导致我的精灵开始围绕自己旋转。我想让它围绕一个点旋转,那么我哪里出错了?

【问题讨论】:

    标签: cocos2d-js


    【解决方案1】:

    接下来你可以做:

    var Top = cc.Sprite.create("Assets/Top.png");
    var rotateAction = cc.RotateBy.create(0, 1);
    
     Top.attr({
         x: MidX,
         y: MidY,
         anchorX: 0.5,
         anchorY: 0.5
     });
    
    Top.schedule(function() {
      Top.runAction(rotateAction);
    });
    
    this.addChild(Top);
    

    【讨论】:

    • 好的答案提供了解释,而不仅仅是代码。您能否对此进行编辑以解释为什么它可以解决问题?
    • 感谢 user2351606......它可以工作......请多描述一下你的代码!
    • 我为精灵旋转 1 度创建了动作 'rotateAction'。设置精灵属性:(x,y) - 位置,(anchorX, anchorY) - 旋转点。并为精灵运行动作。
    猜你喜欢
    • 2014-08-28
    • 1970-01-01
    • 2016-05-02
    • 2014-07-22
    • 1970-01-01
    • 2015-11-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多