cocos2d js make things moving 之心跳运动

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

代码如下,由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);
    }
});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值