CocosCreator之KUOKUO趣味文章:小怪的诞生 1

引擎版本 v2.0.8

小怪的诞生

这,本该是一片虚无之地。
却有一个 960*640 的神秘领域降临(Canvas);
这,本该是一块荒凉之所。
却有一个玩家凭空产生(player节点)。。。
在这里插入图片描述
咦!!!
冥冥之中,好似有一股神秘的力量操纵着玩家。
(player节点绑定控制脚本)

cc.Class({
    extends: cc.Component,

    properties: {
        speed : 100
    },

    onLoad () {
        // 声明上下左右开关
        this.up    = false;
        this.down  = false;
        this.left  = false;
        this.right = false;
        // 键盘事件,w s a d 上下左右
        cc.systemEvent.on(cc.SystemEvent.EventType.KEY_DOWN, this.onKeyDown, this);
        cc.systemEvent.on(cc.SystemEvent.EventType.KEY_UP, this.onKeyUp, this);
    },

    onKeyDown (event) {
        switch(event.keyCode) {
            case cc.macro.KEY.w:
                this.up = true;
                break;
            case cc.macro.KEY.s:
                this.down = true;
                break;
            case cc.macro.KEY.a:
                this.left = true;
                break;
            case cc.macro.KEY.d:
                this.right = true;
                break;
        }
    },

    onKeyUp (event) {
        switch(event.keyCode) {
            case cc.macro.KEY.w:
                this.up = false;
                break;
            case cc.macro.KEY.s:
                this.down = false;
                break;
            case cc.macro.KEY.a:
                this.left = false;
                break;
            case cc.macro.KEY.d:
                this.right = false;
                break;
        }
    },

    update (dt) {
        if (this.up) {
            this.node.y  += this.speed * dt;
        }
        if (this.down) {
            this.node.y  -= this.speed * dt;
        }
        if (this.left) {
            this.node.x  -= this.speed * dt;
        }
        if (this.right) {
            this.node.x  += this.speed * dt;
        }
    }
});

在这里插入图片描述
真是神奇。。。
突然!!!

虚空中喷薄而出的能量席卷了这个领域,玩家身上的所有装备被损坏,失去了攻击力。
而与此同时,一个奇怪的东西乱入了进来。
主角诞生
我!一个小怪,诞生啦!虽然我只是一个小方块,不知如何攻击,甚至没有血量。但是我有一个信念:到达玩家位置,打他!!!
怎么打?不知道!先到达玩家位置再说!

我(me节点,诞生在了地图左上角)要。。。啊,头好疼!我每秒钟好像只能思考 1 次。
在这里插入图片描述
我的脚本(我是小怪)

cc.Class({
    extends: cc.Component,

    properties: {
        thinkCD : 1,
        speed : 80,
        // 玩家
        player : cc.Node
    },

    onLoad () {
        this.vector = cc.v2(0,0);
    },

    update (dt) {
        // 1 秒 1 次
        this.thinkCD -= dt;
        if (this.thinkCD <= 0) {
            this.thinkCD = 1;
            // 向量减法,计算方向向量
            this.vector = this.player.position.sub(this.node.position);
        }
        this.walkTo(this.vector, dt);
    },

    walkTo (v, dt) {
        // 归一化向量
        v.normalizeSelf();
        this.node.x += this.speed * dt * v.x;
        this.node.y += this.speed * dt * v.y;
    }
});

我:玩家别跑!
玩家:啊。。。。。。

在这里插入图片描述

O(∩_∩)O~~

  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 9
    评论
评论 9
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

KUOKUO众享

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值