Cocos合成大西瓜案例-上

1,898 阅读2分钟

「这是我参与11月更文挑战的第18天,活动详情查看:2021最后一次更文挑战

👉关于作者

众所周知,人生是一个漫长的流程,不断克服困难,不断反思前进的过程。在这个过程中会产生很多对于人生的质疑和思考,于是我决定将自己的思考,经验和故事全部分享出来,以此寻找共鸣!!!

专注于Android/Unity和各种游戏开发技巧,以及各种资源分享(网站、工具、素材、源码、游戏等)

欢迎关注公众号【空名先生】获取更多资源和交流!

👉前提

【为了便于快速的理解,小空特意能用中文的用了中文,方便广大群众】

【友情提示:还是尽量使用中文哦】

👉实践过程

😜启动页面

首先我们创建启动页面scene_start,然后我们添加背景精灵(为单色-只修改其中颜色属性即可)以及两个按钮(开始游戏和退出游戏)

将两个按钮设置为NormalSprite、PressedSprite等不同的按钮状态,接着给按钮子节点的Label文字设置成对应的汉字(字体样式设置为白色加粗及倾斜)

image.png

接着拖动到对应的位置上:

image.png

再来接着增加一个分数显示框,这个分数变化肯定是需要我们代码来控制显示的,所以先创建个MaxScore脚本挂载在上面,后续我们再说脚本。

image.png

😜可爱的动画

上面基本的首页就好啦,然后我们增加点生动的动画吧,让整个界面看起来更加有优势。

  • 1.创建一个空节点挂载Animation组件,在assets文件夹中创建Anim文件
  • 2.将Anim文件指向Animation的Clips
  • 3.然后编辑Anim文件

image.png

直接在【背景动画】节点下增加多个Sprite组件,然后给他们设置不同的尺寸大小以及指定不同的图片素材。

image.png

然后进入动画编辑器页面,为了简单我们就直接给最外层的节点增加动画,我们为他增加个缩放动画(1->0.8->1),缩放尺寸从1到0.8再到1,动画整体持续时间为1s(秒),PingPong形式的动画(乒乓形式来回循环)。

image.png

好啦,首页就基本上有了形状啦。

👉其他

📢作者:小空和小芝中的小空

📢转载说明-务必注明来源:芝麻粒儿 的个人主页 - 专栏 - 掘金 (juejin.cn)

📢欢迎点赞👍收藏🌟留言📝