【用Cocos Creator给暗恋的女生写一个游戏(3)】—

恰好今天Creator1.2发布，我们紧跟潮流，就用1.2开始做吧

X给游戏起了一个名字47-21，其中深意自己体会。

(其实就是思琪名字的谐音，并且今年是她21岁的生日。。。当然你也可以理解为思琪爱你…)

因为X基本没有什么美术功底，所以一切简约为主。。。

先看一下要相处一个月的东西

X要做一个竖屏的游戏，所以他把布局改成了这个样子

并把偏好设置改成了竖屏

新建场景 Load，并在Canvas节点下新建单色Sprite，并给其添加widget组件，使其充满全屏，并调整背景颜色为天蓝色

在Bg节点下新建一个Layout节点，调整大小为530x530，添加组件widget，使其水平垂直居中

其中Resize Mode 选为Children，这种模式会固定布局的大小，调整子节点的大小，padding是子节点距离边界的距离，spacing是子节点之间的间距，将Sprite组件下的SpriteFrame图片删掉就可以去掉Layout的背景

新建两个Animation Clip取名为Change1和Change2，给数字96835添加Animation组件，以数字9为例，把Clip拖入属性面板就可以添加一个动画，然后点击动画编辑窗口的左上角，就可以开始编辑动画。

给动画添加opacity属性，在0：00和0：20添加两个关键帧，并在第二个关键帧里将节点的opacity改为0，动画播放速度调整为0.1，点击一下播放按钮就可以看见数字渐渐消失的效果，我们把动画保存，并给数字6 3 5都添加上刚才制作的动画。

现在开始做数字8的动画，同样的步骤将Change2添加节点数字8的default clip属性中，这里我们添加两个动画属性，一个是opacity，另一个是spriteFrame，第一个关键帧添加数字8图片，在第二个关键帧添加蛋糕图片，opacity改为0，其他属性如图

保存后点击运行预览，就会得到中间的几个数字消失的效果，然后蛋糕从中间出现，最终定格在下面的画面

添加进度条节点，调整大小位置如图，progress设置为0，将Bar节点的颜色调整为绿色

调整进度条大小时可以调整scale属性，子节点会随着父节点一起放大

新建脚本起名为“Load”，添加到Canvas节点上

Load.js

cc.Class({extends: cc.Component,properties: {loadBar: cc.ProgressBar,},// use this for initializationonLoad: function () {var load = function(){//十次过后加载下一场景this.loadBar.progress += 0.1;if(this.loadBar.progress > 0.9){cc.director.loadScene("Menu");}}this.schedule(load,0.8);},
});

这里我们启动了一个定时器，没0.8秒让进度条进一格，进度条满时进入菜单界面，因为我们的游戏本身比较简单，所以这里的加载界面只是一个假象，意思意思就行了。。。

最后要把进度条节点拖入到它的引用框

然后新建一个Menu场景，现在运行一下

【用Cocos Creator给暗恋的女生写一个游戏(3)】——游戏加载界面相关推荐

【用Cocos Creator给暗恋的女生写一个游戏(8)】——(Run Game) Prefab的动态管理
我们先来考虑一下这个PrefabManager是干什么的,我们的游戏中有重复出现的水管和老公,所以PrefabManager要能够动态管理他们,理所当然要有创建和销毁的方法,创建很简单,我们只需要每隔 ...
cocos creator 2.3.2火柴人密室逃脱闯关游戏 H5+安卓+IOS三端源码
cocos creator 2.3.2火柴人密室逃脱闯关游戏 H5+安卓+IOS三端源码,开发脚本为javaScript方便扩展和阅读,支持cocos creator2.X版本,完整的源码可直接运营. ...
【Cocos Creator 实战】03 - 如何「拿起」拼图游戏的每块图片
文章目录概览主要内容项目资源开搞什么是 zIndex 关于 zIndex 的注意事项需求分析核心代码效果总结知识点下一步好了,书接上回,继续给我们的拼图游戏添枝加叶. 上一篇地 ...
Cocos Creator下JavaScript一步一步实现重力球游戏，附代码
『游戏玩法』通过手机陀螺仪,调整手机,让球从上一层的间隔中落到下一层,楼层会不断上涨,如果球碰到上方或者下方的火焰,游戏结束. 『游戏预览』『开发工具』 1. CocosCreator ...
有没有测试女生暗恋的软件,判断一个女生有多喜欢你？有一套专门的“测试方法”，一试便知...
原标题:判断一个女生有多喜欢你?有一套专门的"测试方法",一试便知如何判断一个女生有多喜欢你? 在追女生的过程中,如果你能了解到女生对你的真实想法,那就可以判断正确的表白时机. ...
用c语言给心仪的女生写一个电子钢琴
导火线 2020/3/26 周四的晚上,上完公选课的我跑去打了几局排位,还遇到对面开挂.我心里那个气啊,就差2颗星了,还让不让人玩了.直接举报! 完了之后.某某人给我发了一条微信,说某某人其实比较喜欢 ...
今天来介绍怎么获取 3D 素材，进行 Cocos Creator 3D 游戏开发体验！
前提介绍刚开始接触 Cocos Creator 3D,还是通过视频教程,认识到了一些常用组件的用法,以及一些简单功能的实现,然后照葫芦画瓢,修修改改,做了两款简单的3D游戏,一款是模拟投篮的,另一款 ...
判断奇偶microsoft visual basic_#梅园# 在心理学上面如何判断一个男生暗恋你的表现...
都知道暗恋其实是比较痛苦的一件事情,因为暗恋只有自己一个人知道对方并不知道,但是有时候可以通过一个人的表现看出他是不是暗恋你,那一个男生暗恋你的表现都有哪些呢?如果一个男生暗恋你的话,你会发现他总会在 ...
Cocos Creator—定制H5游戏首页loading界面
Cocos Creator从1.0版本发布到现在也有一年多了,按理说一些常见的问题网上都有解决方案,例如"如何自定义首页加载进度条界面"这种普遍需求,应该所有人都会遇到的,因此也有 ...

【用Cocos Creator给暗恋的女生写一个游戏(3)】——游戏加载界面

【用Cocos Creator给暗恋的女生写一个游戏(3)】——游戏加载界面相关推荐

最新文章

热门文章