EEA阔宝：专注 CocosCreator 引擎小游戏开发两年
开发微信小游戏5款
H5 小游戏多款
CSDN 博客： KUOKUO 众享
第一章：进击的小怪诞生
这，本该是一片虚无之地，却有一个 960*640 的神秘领域降临（Canvas）... 这，本该是一块荒凉之所，却有一个玩家凭空产生（player节点）...
咦！！！冥冥之中，好似有一股神秘的力量操纵着玩家，player节点上绑定player-control脚本：
代码语言：javascript复制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;
}
}
});尝试按下W、S、A、D这向个键，玩家居然动起来了，真是神奇... ...
突然！！！
虚空中喷薄而出的能量席卷了这个领域，玩家身上的所有装备被损坏，失去了攻击力，而与此同时，一个奇怪的东西乱入了进来...
我 KUOKUO！一个小怪，诞生啦！虽然我只是一个小方块，不知如何攻击，甚至没有血量，但是我有一个信念：到达玩家位置，打他！！！
怎么打？不知道！先到达玩家位置再说！
我，下图中的me节点，诞生在了地图左上角 ...
啊，头好疼，穿越到游戏里面来了！我每秒钟好像只能思考 1 次，速度为80迈！
看我的脚本（me），我是小怪！
代码语言：javascript复制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;
}
});我：玩家别跑！ 玩家：啊....W、A、S、D... O(∩_∩)O~~
未完待续...
