CocosCreator勇闯地下室

游戏分析

场景布局

开始界面(Welcome)

Welcome

主界面(Main)

Main

结束界面(Gameover)

Gameover

主角设置

主角跳动

# Main.js
cc.Class({extends: cc.Component,properties: {//主角player:{default:null,type:cc.Node},//跳跃高度jumpHeight:30,//墙壁宽度wallWidth:80,},
//主角跳动，在左边则向右移动，在右边则向左边移动。
playerMoveLeft:function(){var playerY = this.player.getPositionY();var position = -this.node.width/2 + this.wallWidth;//判断主角当前旋转角度if(this.player.rotationY == 0){//向右微小移动var go1 = cc.moveTo(0.1, cc.p(position + this.jumpHeight, playerY));var go2 = cc.moveTo(0.1, cc.p(position, playerY));var goSequence = cc.sequence(go1, go2);//在右边跳动,执行动作序列this.player.runAction(goSequence);}else{//向左移动var goLeft = cc.moveTo(0.2, cc.p(position, playerY));this.player.rotationY = 0;//向左翻转0this.player.runAction(goLeft);}
},
playerMoveRight:function(){var playerY = this.player.getPositionY();var position = this.node.width/2 - this.wallWidth;//判断主角是从左向右跳动还是一直在右边跳动if(this.player.rotationY == 180){//向右微小移动var go1 = cc.moveTo(0.1, cc.p(position - this.jumpHeight, playerY));var go2 = cc.moveTo(0.1, cc.p(position, playerY));var goSequence = cc.sequence(go1, go2);//在右边跳动,执行动作序列this.player.runAction(goSequence);}else{//在左边向右边跳动var goRight = cc.moveTo(0.2, cc.p(position, playerY))this.player.rotationY = 180;//向右翻转180this.player.runAction(goRight);}
},
//监听鼠标键盘事件
setInputControl:function(){var self = this;var listener = {event:cc.EventListener.TOUCH_ONE_BY_ONE,onTouchBegan:function(ele, evt){//cc.log('began',ele,evt);//获取玩家点击坐标var target = evt.getCurrentTarget();var locationInNode = target.convertToNodeSpace(ele.getLocation());if(locationInNode.x > self.node.width/2){cc.log(locationInNode.x);//点击屏幕右边，向右移动self.playerMoveRight();}else{//点击屏幕左边，向左移动。self.playerMoveLeft();}//cc.log(locationInNode);},onTouchMoved:function(ele, evt){cc.log('moved',ele,evt);},onTouchEnd:function(ele, evt){cc.log('end',ele,evt);}};//注册到事件管理器中cc.eventManager.addListener(listener, self.node);
},onLoad () {this.setInputControl();//初始化主角起始位置this.player.setPosition(-this.node.width/2+this.wallWidth, this.node.height/2-180);}
});

错误处理

cc._EventListenerTouchOneByOne.checkAvailable(): Invalid EventListenerTouchOneByOne!
-----------------------------------------------------------------------------------------------------------------
//监听鼠标键盘事件
setInputControl:function(){var self = this;var listener = {event:cc.EventListener.TOUCH_ONE_BY_ONE,onTouchBegan:function(ele, evt){cc.log('began',ele,evt);},onTouchMoved:function(ele, evt){cc.log('moved',ele,evt);},onTouchEnd:function(ele, evt){cc.log('end',ele,evt);}};//注册到事件管理器中cc.eventManager.addListener(listener, self.node);
},

CocosCreator勇闯地下室相关推荐

cocos creator小游戏案例之橡皮怪
橡皮怪勇闯地下室主界面 1. 触摸事件注册 setInputControl: function() {var _this = this// 触摸开始this.node.on('touchstart ...
张钹院士：探索第三代人工智能，需要勇闯无人区的人才
整理 | 夕颜出品 | AI科技大本营(ID:rgznai100) [导读]7 月 3-4 日,由 CSDN 主办的第三届 AI 开发者大会(AI ProCon 2020)在线上举行.本次大会有超万 ...
某程序员大佬北漂16年，从住地下室到身家千万，如今回老家躺平！
这几年,选择回老家成为许多北漂人的选择,但有人是黯然逃离,有人却是衣锦还乡,今天给大家讲述的是一个程序员大佬衣锦还乡的故事: 2020年,楼主离开了北京,离开的主要原因是孩子上学,没有北京户口,次要原 ...
CocosCreator上的游戏（调试）发布到微信小程序
1.下载CocosCreator,微信开发者工具官网地址:http://www.cocos.com/download 官网下载:https://developers.weixin.qq.com/mi ...
python趣味编程100_《Python游戏趣味编程》第8章勇闯地下一百层
知乎视频www.zhihu.com 图书简介可以看这里:童晶:<Python游戏趣味编程>新书上架了zhuanlan.zhihu.com 本章我们将编写一个勇闯地下一百层的游戏,键盘控 ...
CocosCreator游戏开发---菜鸟学习之路（三）如何在CocosCreator中使用Pomelo
PS(废话): 这段时间都在研究网易的Pomelo框架,作为新手小白,自然遇到了不少坑爹的事情.(当然也有可能是因为自己技术不过关的原因所以导致在很多基础的问题上纠结了很久.)网上也搜索了好久,但是基 ...
CocosCreator内置函数实现物体拖动
通过CocosCreator由内置的cc.Node.EventType.MOUSE_MOVE鼠标(触摸)事件实现,返回参数为鼠标的坐标值. 根据鼠标的x,y实现物体的移动,即将鼠标放置在该节点上,实现 ...
AIProCon在线大会笔记之张钹院士：探索第三代人工智能，需要勇闯无人区的人才！
AIProCon在线大会笔记张钹院士:探索第三代人工智能,需要勇闯无人区的人才! 人工智能的发展现状和人才培养第一代人工智能--符号主义第二代人工智能--深度学习第三代人工智能的理论.方法与关 ...
沉淀2017，勇闯2018
2017年即将过去,作为一个大四的学生,明年即将步入社会,充满了焦虑,惶恐.但也有一点点兴奋,我对未来充满了好奇,迫不及待地想再生活中成长.虽然前人常常会说,当你步入社会之后,你就会真正的明白,学生时 ...

CocosCreator勇闯地下室

游戏分析

场景布局

开始界面(Welcome)

主界面(Main)

结束界面(Gameover)

主角设置

错误处理

CocosCreator勇闯地下室相关推荐

最新文章

热门文章