cocosCreator实现wordle游戏
文章平均质量分 96
介绍wordle游戏的整个开发过程。
大宝贱
介个.....不好说
展开
-
微信小游戏实战--cocos creator实现wordle游戏(六)
就wordle游戏本身而言它已经完成了,但我并不打算就到此为止。“麻雀虽小五脏俱全”,从“完整”的角度来看,它还缺少一些“必不可少”的功能:如登陆,战绩,排行榜之类可以提高玩家黏度的功能。先从登陆开始,我第一时间想到的就是微信登陆。因为该游戏的目标发布平台为微信小游戏,能玩到这个游戏的玩家都是有微信账号的,玩家不需要再注册。同时我也不需要再去实现一个登陆服务了。实现微信登陆需要调用微信的SDK,只能在微信开发者工具中测试。所以先介绍一下如何构建发布游戏。在Cocos Creator中点击“项目”-->“构建原创 2022-06-11 00:54:29 · 1350 阅读 · 1 评论 -
微信小游戏实战--cocos creator实现wordle游戏(五)
到目前为止我们已经实现了整个游戏的界面以及“空格”和键盘按钮的动画,接下来完成游戏的基础玩法流程。由于在游戏中“空格”的背景和Label会有相应的变化。所以在游戏开始前需要进行一些初始化设置。1、随机生成一个5个字母的单词。2、重置“空格”的背景和字体颜色:重置为在Cocos Creator编辑器中的初始设计值。3、设置“空格”只读:初始状态下,只有第一排可以输入。4、重置键盘按钮的背景颜色:重置为在Cocos Creator编辑器中的初始设计值。5、设置当前选中的“空格”。在gamemanager中实现以原创 2022-06-05 19:18:16 · 1437 阅读 · 0 评论 -
微信小游戏实战--cocos creator实现wordle游戏(三)
接着上篇教程微信小游戏实战--cocos creator实现wordle游戏(二)我们继续游戏界面的设计,准确的说上篇教程只是完成了游戏界面的基础设置,同时也介绍了节点创建的步骤。这篇教程才算是正式进入了游戏的界面设计。先在“Canvas”节点下创建一个“home”空节点并且挂载widget组件,操作方式在上篇教程中已经介绍,这里不再累述。“home”空节点的高宽,widget配置和bg背景节点一样。布局分析在最开始时,我将界面分解为3部分:顶部的用户头像,昵称显示区域。中间的单词输入区域。底部原创 2022-05-29 19:14:09 · 2634 阅读 · 1 评论 -
微信小游戏实战--cocos creator实现wordle游戏(一)
前言前段时间赋闲在家,整理电脑上的资料时才发现从业这么多年都是在给公司打工,没为自己写过点什么,所以决定为自己写一个完整的“产品”。同时,为了检验一下自己的学习能力,选择了从未接触过的游戏领域。由于是独立开发,做不了大型游戏,只好瞄准了休闲类的小游戏。接下来就是确定要做一个什么样的休闲小游戏了。在试玩各种休闲类的小游戏过程中,偶然发现了一款去年在国外很火的游戏《Wordle》,甚至于纽约时报花了大价钱去收购它。于是想当然的就决定山寨一把,没准就成为爆款走向人生巅峰了(实时证明是我想太多......原创 2022-05-22 21:01:55 · 3827 阅读 · 48 评论 -
微信小游戏实战--cocos creator实现wordle游戏(七)
这篇接着实现玩家战绩统计功能,使用了微信云数据库(主要是图方便和便宜)。微信云数据库本质上来说算是MongoDB数据库,是一种非关系型数据库。打开微信开发者工具,登陆以后点击云开发:在“云开发”首页会显示“云函数”,“云数据库”等相关云资源的使用情况。右上角有一个“环境ID”,开发时会用到。点击“数据库”:在“数据库”页面就可以进行数据库的创建等操作了:这里简单介绍一下云数据库的几个基本概念:1、集合:可以理解为就是一张“表”,对应关系型数据库中的Table。2、记录:可以理解为“行”,对应关系型数据库中的原创 2022-06-22 17:13:35 · 1916 阅读 · 1 评论 -
微信小游戏实战--cocos creator实现wordle游戏(四)
1、游戏中需要玩家输入一个5个字母的单词,一个“空格”里面输入一个字母。输入完成后点击“ENTER”键进行提交。2、根据游戏规则校验玩家提交的单词。3、若猜中单词则结束游戏,若未猜中单词则在下一排继续输入单词。4、重复1,2,3步骤,若6次机会用完还没猜中即输了。1、“空格”选中效果:这里说的“空格”就是上一篇中制作的prefab(btn_middle),在cocos creator编辑器中已经将btn_middle的背景(子节点Sprite)设置为一个灰色边框,当玩家选中这个btn_middle可以将其背原创 2022-06-04 00:19:01 · 1137 阅读 · 0 评论 -
微信小游戏实战--cocos creator实现wordle游戏(二)
根据上篇教程:微信小游戏实战--cocos creator实现wordle游戏(一)我们已经完成了开发环境的搭建并创建了一个项目,接下来就可以正式山寨,哦不对,应该是正式开发wordle这款小游戏了。熟悉Cocos Creator工欲善其事必先利其器,首先我们需要熟悉一下开发工具的使用。打开Cocos Creator进入到我们之前创建的项目,新建的2D项目大概如下图所示:1、层级管理器:创建和管理游戏的内容节点。在Cocos Creator中所有的控件都被视为节点(node),在层级管理器中原创 2022-05-29 01:12:39 · 3385 阅读 · 4 评论 -
微信小游戏实战--cocos creator实现wordle游戏(八)
这篇教程是该游戏的最后一篇教程,介绍如何实现排行榜功能。设计了两个排行榜:世界排行榜,好友排行榜。完成代码在此根据上一篇教程我们已经收集到了玩家的战绩数据,只需要按照按照胜利局数查询出来排列即可。首先还是创建云函数来获取玩家战绩数据,创建方法参考上一篇教程。代码如下:需要注意的是,微信云函数返回的数据最多返回100条,所以在limit那里你设置超过100的话就没什么作用,也只能返回100条数据。要想获取超过100条数据,就只能分多次调用然后拼接数据了。这里,主要返回了用户的头像,昵称和胜利局数。云函数原创 2022-06-24 20:17:20 · 1707 阅读 · 3 评论