CocosCreator 经典飞刀小游戏 (实战)

这是一款比较经典的小游戏了，新手可以做些这种工程量比较小的游戏来练练手！

项目下载链接：https://download.csdn.net/download/qq_45021180/12172205

有了前面的基础，现在看一下项目界面和代码就可以完全明白了~

项目界面介绍：

全部代码：


cc.Class({extends: cc.Component,properties: {Wheel: cc.Node,  // 飞轮节点Knife: cc.Node,  // 飞刀节点PrefabKnife: cc.Prefab, // 飞刀预制体Garde: cc.Label,  // 分数组件},onLoad () {this.Wheel.zIndex=1;  //飞轮在最上面可以挡住飞刀this.Speed=3;// 旋转速度this.garde=0;// 分数this.Throw=true;this.KnifeArray=[]; // 存放预制体数组setInterval(()=>{// 计时器，没1秒钟，改变一次速度和方向let dir=Math.random() < 0.5 ? 1 :-1;this.Speed=(1+Math.random()*4)*dir;},1000)this.node.on("touchstart",this.Knifefly,this);// 注册触摸事件},onDestroy(){this.node.off("touchstart",this.Knifefly,this);},//飞刀动作Knifefly(){if(this.Throw){this.Throw=false;var seq=cc.sequence(cc.moveTo(0.25,this.Wheel.x,this.Wheel.y-this.Wheel.height/2),cc.callFunc(()=>{let fg=false;// fg用来判断飞刀是否与已经在飞轮上的飞刀相撞for(let kf of this.KnifeArray){if(Math.abs(kf.angle-this.Knife.angle)<15){fg=true;break;}}if(fg){ // 如果相撞，重新开始游戏cc.director.loadScene("game_scenes");}else{this.garde+=1;let kf=cc.instantiate(this.PrefabKnife); // 实例化一个飞刀kf.setPosition(this.Knife.position); // 替换飞刀this.node.addChild(kf); // 加入场景this.KnifeArray.push(kf);this.Knife.setPosition(0,-230); // 飞刀归位this.Throw=true;}}));this.Knife.runAction(seq);}},update (dt) {this.Garde.string=this.garde; // 更新分数this.Wheel.angle=(this.Wheel.angle+this.Speed)%360; //改变飞轮角度，使其旋转for(let kf of this.KnifeArray){//使每一个飞刀都跟着飞轮旋转起来kf.angle=(kf.angle+this.Speed)%360;let r=this.Wheel.height/2;let dar=(kf.angle-90)*Math.PI/180;kf.setPosition(this.Wheel.x+r*Math.cos(dar),this.Wheel.y+r*Math.sin(dar));}},
});

推荐阅读：
一个小时完成CocosCreator射击小游戏 (适合初学者)
走进Cocos Creator游戏开发(第一篇)

CocosCreator 经典飞刀小游戏 (实战)相关推荐

CocosCreator物理小游戏实战-别离开碗（二）
摘要 CocosCreator 物理小游戏实战的视频教程也开更啦!来哔哩哔哩关注 KUOKUO 一起学习吧! 正文使用版本 CocosCreator 版本 2.3.4 资源划分素材导入后进行资源分 ...
CocosCreator物理小游戏实战-别离开碗（一）
摘要 CocosCreator 物理小游戏实战教程开更啦!来跟 KUOKUO 一起学习吧!开发语言为 TypeScript! 正文使用版本 CocosCreator 版本 2.3.4 游戏效果游戏 ...
【微信小游戏实战】零基础制作《欢乐停车场》二、关卡设计
1.游戏立项微信小游戏中有一款<欢乐停车场Plus>的小游戏,大家可以搜索玩下.这是一款益智类的小游戏,游戏中有红.黄.绿.蓝.紫5辆豪车6个停车位,玩家通过可行走路线移动小车,最终让各 ...
【微信小游戏实战】零基础制作《欢乐停车场》三、游戏场景制作
1.游戏立项微信小游戏中有一款<欢乐停车场Plus>的小游戏,大家可以搜索玩下.这是一款益智类的小游戏,游戏中有红.黄.绿.蓝.紫5辆豪车6个停车位,玩家通过可行走路线移动小车,最终让各 ...
【微信小游戏实战】零基础制作《欢乐停车场》一、游戏设计
1.游戏立项微信小游戏中有一款<欢乐停车场>的小游戏,大家可以搜索玩下.这是一款益智类的小游戏,游戏中有红.黄.绿.蓝.紫5辆豪车6个停车位,玩家通过可行走路线移动小车,最终让各颜色的小 ...
解决CocosCreator 在微信小游戏中使用Socket.io 报错的问题
解决CocosCreator 在微信小游戏中使用Socket.io 报错的问题参考文章: (1)解决CocosCreator 在微信小游戏中使用Socket.io 报错的问题 (2)https:// ...
CocosCreator像素鸟小游戏实现（有源码）超详细教程 TS实现小游戏零基础开发
CocosCreator像素鸟小游戏实现(有源码)超详细教程 TS实现小游戏大家中秋国庆快乐哈前言老规矩先看效果源码的获取方式在最下面对于本游戏来说canvas这样设置最佳哦游戏实现思路: ...
视频教程 | 3D 跑酷小游戏实战开发（下）
上篇内容我们发布了 <视频教程 | 3D 跑酷小游戏实战开发(上)>,讲述了概述及创建.跑道创建.添加主角,今天我们继续学习:添加金币.处理碰撞.添加UI界面. 通过今天的学习,相信大家可 ...
学习飞刀小游戏案例（cocos creator）
学习飞刀小游戏案例(cocos creator) 首先,我们先进行布局,搭建好靶点与小刀节点,小刀位置(0,-300),靶点位置(0,300),小刀生成预制体,一会需要用到. [截图] 1.在onLo ...

CocosCreator 经典飞刀小游戏 (实战)

CocosCreator 经典飞刀小游戏 (实战)相关推荐

最新文章

热门文章