cocos2d js make things moving 之心跳运动

最新推荐文章于 2018-08-02 10:40:00 发布

原创最新推荐文章于 2018-08-02 10:40:00 发布 · 552 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#游戏物理

cocos2d js 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一个使用Cocos2d-x实现的简单旋转动画示例。通过修改AS3代码，创建了一个旋转动画效果，利用sin函数改变旋转范围，并在每一帧更新中调整角度。该示例适用于游戏开发初学者。

代码如下，由as3代码修改而来

var HelloWorldLayer = cc.Layer.extend({
    sprite:null,
    draw:null,
    angle:null,
    speed:null,
    range:null,
    centerSacle:null,
    ctor:function () {
        //////////////////////////////
        // 1. super init first
        this._super();
        this.draw = new cc.DrawNode();
        this.addChild(this.draw,20);
        var winSize = cc.director.getWinSize();
        var centerPos = cc.p(winSize.width/2,winSize.height/2);
        this.draw.setPosition(centerPos);
        this.draw.drawDot(cc.p(0, 0), 40, cc.color(255, 255, 255, 255));
        //this.draw.setAnchorPoint(cc.p(0.5,0.5));
        
        this.angle = 0;
        this.speed = 0.1;
        this.range = 0.5;
        this.centerSacle = 1;
        
        this.init();
        return true;
    },
    init:function(){
    	this.scheduleUpdate();
    },
    update:function (dt){
    	this.draw.scaleX = this.draw.scaleY = this.centerSacle+Math.sin(this.angle)*this.range;
    	this.angle += this.speed;
    }
});

var HelloWorldScene = cc.Scene.extend({
    onEnter:function () {
        this._super();
        var layer = new HelloWorldLayer();
        this.addChild(layer);
    }
});