Cocos Creator | 挤水果小游戏实现 ( 一 )
点击上方蓝字关注我
预览效果
玩法介绍
■ 具体玩法,可以搜微信小游戏【挤水果】,只实现了部分功能。游戏开始后,点击屏幕,出现标尺,松开后,水果上的水滴滴落到杯子中。这一期讲解三部分的实现:
1. 标尺显示的控制;
2. 水滴从水果上掉落;
3. 水杯的接水滴实现。
标尺的控制
■ 原游戏玩法中,类似,按下屏幕显示标尺,松开标尺显示,水滴从标尺不同位置滴落到杯子中,得分是不同的。如下图,蓝色、黄色、白色,水滴从三处不同区域成功掉落到杯子中,得分依次减少。
■ 控制显示,只需要监听屏幕的触摸事件TOUCH_START、TOUCH_END、TOUCH_CANCEL,开始触摸时显示,取消触摸时隐藏,结束触摸时隐藏,并触发水滴掉落事件,以函数的形式驱动。
水滴掉落
■ 水果上的水滴和掉落的水滴,分开控制,因为掉落的水滴需要添加刚体,水果上的水滴需要随着父节点运动。
■ 随水果转动的水滴,就用普通精灵即可,控制显示的逻辑部分,也是控制这个精灵的显示和隐藏。
■ 掉落的水滴,单独做预制,需要添加物理组件,因为是不规则形状的,就选择 Polygon 物理碰撞组件,设置好碰撞边界。
■ 在触发掉落事件时,实例化一个水滴的节点,添加到和水果上运动节水滴精灵的相同位置,包括位置、旋转角度、父节点。也就是实例化的带刚体的水滴,运动的初始位置就是水果上的精灵当前位置。
■ 设置好初始位置后,就是控制水滴运动,根据当前转盘旋转的角度,即可计算出水滴运动的方向,只需要在质心施加一个力即可(为了保证和 Cocos Creator 2.1.4 中 angle 角度的一直,水滴的初始位置放到了右边,上述图中可以看出),使用 API 提供的 applyForceToCenter 施加力。
水杯的实现
■ 水杯可见部分,就是一张简单的纹理图片,只需要在水杯实体部分,添加上物理碰撞组件即可,普通的 BoxCollider 物理组件通过改变大小和旋转就能满足要求,大小和旋转根据杯子图片的实际显示,在编辑器中调整。下图是左边界的物理碰撞组件,右边界和底部的实现类似。
往期精选
精品游戏大炮英雄附带代码!
精品动物同化附代码!
完整代码左右跳!
陀螺仪重力球代码奉上!
100关推箱子代码免费获取!
拼手速的游戏代码!
打地鼠有代码!
3D篮球投篮附代码!
3D足球射门附代码!
如何使用3D素材试玩3D!
2D游戏忍者跳跃代码~
2D游戏沙滩足球代码~
扫描二维码
获取更多精彩
一枚小工
让我知道你在看
Cocos Creator | 挤水果小游戏实现 ( 一 )相关推荐
- Cocos Creator | 挤水果小游戏实现 ( 二 )
点击上方蓝字关注我 预览效果 玩法介绍 ■ 具体玩法,可以搜微信小游戏[挤水果],只实现了部分功能.游戏开始后,点击屏幕,出现标尺,松开后,水果上的水滴滴落到杯子中,单局中没有落入杯子中的水滴数不超过 ...
- cocos creator开发微信小游戏(五)贪吃蛇大作战
目录 小游戏介绍 小游戏cocos creator场景图 小游戏部分JS代码 开发中碰到的问题 工程及说明 小游戏介绍 贪吃蛇小游戏:贪吃蛇试玩(首次加载比较慢),类似贪吃蛇大作战的小游戏.当玩家的蛇 ...
- Cocos Creator发布微信小游戏包内体积过大问题
1.初识 设置微信开发工具和js编辑器 3.5.2 :Cocos Creator perferences 2.Cocos Creator发布微信小游戏包内体积过大问题 2.1 已不可取:搭建本机服务器 ...
- Cocos Creator之微信小游戏的游戏圈
Cocos Creator之微信小游戏的游戏圈 1.官方文档游戏圈使用指南 · 小游戏: 2.需要将游戏圈放到指定地方(比如下图,坐标为x:160,y:850,因为游戏圈图标的锚点在左上角,所在层的锚 ...
- Cocos creator导出微信小游戏, 转发给朋友,分享到朋友圈 灰色不能点击
Cocos creator导出微信小游戏, 转发给朋友,分享到朋友圈 灰色不能点击 解决方法如下: onLoad(){ wx.showShareMenu({withShareTicket: true, ...
- cocos creator 接QQ小游戏 BannerAd 广告sdk
cocos creator 接QQ小游戏 BannerAd 广告sdk 开发者工具 0.1.26 版本开始支持调试广告组件 首先,你需要初始化广告,判断什么的你自己加,我就不写很详细 //方法外的全局 ...
- cocos creator 接QQ小游戏小程序RewardedVideoAd 激励视频广告sdk
cocos creator 接QQ小游戏小程序RewardedVideoAd 激励视频广告sdk 开发者工具 0.1.26 版本开始支持调试广告组件 话说你们看完为什么不留言点赞? 首先,你需要初始化 ...
- Cocos Creator 微信创意小游戏《甜蜜糖果屋》团队专访:让纸片人活起来
在 1 月 9 日的 2019 微信公开课 Pro 上,有一款创意十足的互动式游戏出现在小游戏宣讲环节,它便是今日 Cocos 的专访对象<甜蜜糖果屋>. <甜蜜糖果屋之花恋奇妙物语 ...
- Cocos Creator 微信创意小游戏《蛇它虫》团队专访:玩法画面均是新意
<蛇它虫>是由杭州电魂网络投资的文艺复兴工作室自主研发的一款益智解谜小游戏,在今年 1 月 9 日的微信公开课上,与其他五款小游戏一起,作为首批微信创意小游戏,在公开课上的小游戏环节亮相. ...
最新文章
- atoi,atol,strtod,atof
- 动态路由器与静态路由器的理论知识
- 关于异步IO与同步IO的写操作区别
- synchronized的理解
- QDir, QFileInfo 和 QDirIterator 区别
- asp.net core 自定义基于 HttpContext 的 Serilog Enricher
- 开发人员怎么看实施人员
- 什么样的程序猿,最容易被鄙视?
- linux系统在物流公司的z作用,【项目案例】基于RFID的智能物流仓储系统
- App架构设计经验谈:服务端接口的设计
- [转]MySQL游标特性
- 孙鑫VC学习笔记:第十一讲 (三) 如何把元文件保存到文件当中
- 双击计算机找不到应用程序,WIN7下双击光驱打不开,提示找不到应用程序,右键
- java7 xp版下载64位,xp32位系统可用最高版本jdk64位系统win10 64位系统
- 像素,分辨率,PPI(像素密度),BPP 扫盲
- 【课程设计】 推箱子游戏(源码+详解)
- rv1126rv1109开发环境搭建
- 请帮我写一个末日丧尸生存文
- Android USB 主机模式
- 各种输入方法总结(C++)