![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CocosCreator
Fan0628
这个作者很懒,什么都没留下…
展开
-
CocosCreator项目实战(15):动画与音效
文章目录一、动画二、音效一、动画需要新增加动画的地方有三处:1)新生成数字块时;2)数字块合并时;3)显示排行榜时。可参考cc.tween官方文档。新生成数字块时。修改game.js的addBlock()方法。 addBlock() { ... if (locations.length == 0) { ... } else { ....原创 2020-03-26 12:32:54 · 3314 阅读 · 0 评论 -
CocosCreator项目实战(14):功能-分享
文章目录一、主动分享(游戏结束)二、主动分享(排行榜)三、被动分享一、主动分享(游戏结束)二、主动分享(排行榜)三、被动分享原创 2020-03-24 23:18:32 · 2462 阅读 · 0 评论 -
CocosCreator项目实战(13):功能-排行榜
文章目录一、主域设置二、子域设置三、其他相关设置参考Cocos接入微信小游戏官方文档,为了保护其社交关系链数据,微信小游戏增加了开放数据域的概念。只有在开放数据域中才能访问微信提供的wx.getFriendCloudStorage()和wx.getGroupCloudStorage()两个 API来实现排行榜功能。查看微信开放接口API的官方文档,了解相关用法。参考《Cocos Cre...原创 2020-03-21 23:19:43 · 6067 阅读 · 2 评论 -
CocosCreator项目实战(12):屏幕适配
文章目录一、原理分析二、适配方案一、原理分析参考官方文档:多分辨率适配方案。假设设计分辨率为800 x 480,宽高比为1.67,讨论实际情况,主要分为三种。设计分辨率宽高比 = 屏幕分辨率宽高比假如屏幕分辨率是1600 x 960,正好放大2倍,完美适配屏幕。设计分辨率宽高比 > 屏幕分辨率宽高比原创 2020-03-14 23:23:08 · 2512 阅读 · 0 评论 -
CocosCreator项目实战(11):构建发布微信小游戏
文章目录一、Cocos构建二、发布微信小游戏一、Cocos构建1. 点击项目 -> 构建发布。2. 发布平台选择微信小游戏,点击构建,当显示complete时,即构建完毕。发布平台选择微信小游戏,点击构建,当显示complete时,即构建完毕。二、发布微信小游戏前往小程序注册,注册账号。注意:每个邮箱仅能申请一个小程序。按照要求依次进行。...原创 2020-03-14 21:44:18 · 3769 阅读 · 0 评论 -
CocosCreator项目实战(10):功能-重新开始
文章目录一、<重新开始>按钮二、<再玩一次>按钮一、<重新开始>按钮在game.js属性中添加restartButton。并与Canvas节点绑定。原创 2020-03-12 15:54:38 · 5879 阅读 · 0 评论 -
CocosCreator项目实战(09):界面美化与结束界面
文章目录一、界面重绘二、结束界面一、界面重绘重新布局界面使其更为美观。Canvas节点下主要为bg和box,box分为titleBox、tipBox、gameBox、guideBox四块。titleBox:包含titleLabel、scoreBox、bestBox;tipBox:包含welcomeLabel、tipLabel、restartButton、rankButton;gameBox:包含gameBg节点,添加了Graphics组件由于绘制深色圆角矩形背景。原创 2020-03-11 21:55:38 · 2581 阅读 · 0 评论 -
CocosCreator项目实战(08):计分与失败检测
文章目录一、计分二、失败检测一、计分游戏的计分规则为:每当两个相同数字块合并时,就加上这两个数字块的分值,比如2和2合并为4时,分数会加上4分。所以修改moveDirection(direction)中的Merge相关操作更改score即可,然后在afterMove(hasMoved)方法中调用updateScore()方法。原创 2020-03-10 11:14:27 · 2833 阅读 · 0 评论 -
CocosCreator项目实战(07):移动与合并
文章目录一、算法思路二、算法框架三、代码补完一、算法思路递归实现思路:每一步迭代分为以下几种情况进行处理:a. 移动到顶:结束迭代;b. 当前数字为空:结束迭代;c. 移动方向上前一个数字格为空:向该方向移动;d. 移动方向上前一个数字格相同:合并,结束迭代;e. 移动方向上前一个数字格不同:结束迭代。原创 2020-03-09 16:59:43 · 2139 阅读 · 0 评论 -
CocosCreator项目实战(06):事件监听
文章目录一、添加事件监听与方向判断二、优化方向判断一、添加事件监听与方向判断在start()中添加事件监听addEventHandler()方法。原创 2020-03-08 18:01:25 · 1988 阅读 · 0 评论 -
CocosCreator项目实战(05):生成数字块
文章目录一、找空闲位置二、随机生成2或4的块一、找空闲位置编写一个找ROWS * ROWS块中空闲位置的函数getEmptyLocations(),返回值为一个表示空闲位置的数组。原创 2020-03-08 15:58:42 · 2044 阅读 · 0 评论 -
CocosCreator项目实战(04):初始化
文章目录一、分数归零二、清空所有块一、分数归零添加init()函数,为了方便之后分数的更改,定义updateScore(number)函数,用于更改分数值与分数标签的显示。原创 2020-03-08 11:53:35 · 2871 阅读 · 1 评论 -
CocosCreator项目实战(03):背景块设置
文章目录一、背景块节点二、预置资源三、绘制第一个数字块四、绘制所有背景块一、背景块节点在bg节点下创建Sprite(单色)节点命名为block,在block节点下创建Label节点命名为numberLabel,可预先设置numberLabel的String为2048,字体大小为60,行高为64,字体颜色为#000000。原创 2020-03-08 11:14:40 · 4791 阅读 · 2 评论 -
CocosCreator项目实战(02):基本场景搭建
文章目录一、背景搭建二、游戏标题与分数标签三、预览一、背景搭建在资源管理器assets目录下右击新建选文件夹,新建几个目录。scenes:场景目录;scripts:脚本目录;prefabs:预置资源目录 。原创 2020-03-07 15:44:38 · 4039 阅读 · 0 评论 -
CocosCreator项目实战(01):开发工具安装
参考 【NEXT学院】使用Cocos Creator开发微信小游戏《2048》 进行项目实战。文章目录一、微信开发者工具安装二、Cocos Creator安装一、微信开发者工具安装1.参考微信官方文档下载页面,选择稳定版 Stable Build下相应操作系统版本进行下载。2.双击安装包运行,点击下一步。原创 2020-03-07 14:34:52 · 1765 阅读 · 0 评论