CocosCreator之KUOKUO带你封装一个好玩的数码管

本次引擎2.0.5

编辑工具VSCode

目标:封装一个好玩的数码管

 

这是我自己PS的素材:

 

好了,我们新建个工程。

弄个白色背景,放入数码管的body。

好了,然后我们先把数码管搭起来:

这样,竖着的是旋转90度。名字是ABCDEFG。

顺序是这样:(真实电子器件的标准)

看,好看吧!!!

好了,接下来。

我们构建出来电路。

使用大量的单色精灵搭配Label。

好,我们再通过Door图片和单色精灵组成开关:

把开关的锚点x改为0,这样能旋转:

同理,我们把剩下几个做好:

大功告成!!!

接下来,我们写一个LED的脚本绑定在LED_body上。

封装一个显示方法。

先声明个节点数组。

然后按照ABCDEFG顺序拖进去。

这是封装的方法。

解析数字信号(字符串)。

在onLoad里写一下,我们测试一下。

好了,接下来我们去写总控制脚本,在右方加7个按钮。

总控制脚本我放在Canvas上;

脚本:

 

脚本中先写个A按钮的:

在LED中把状态方法放进update(因为电路是实时的)

好了,我们看看效果

同理,我们把剩下的全写完(注意字符拼接就行)

给每个按钮绑上:

怎么样?

接下来,我用程序演示一下倒计时:

看看效果:

是不是感觉CocosCreator对于知识教育也很有用呢?

哈哈

加我QQ群:(博客里面的项目,群文件里都有哦)

706176551

我们一起学习!

O(∩_∩)O~~

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
回答: 在Cocos Creator中,常用的设计模式包括子弹工厂模式、单例模式和建造者模式。子弹工厂模式是通过工厂来创建子弹节点,根据提供的子弹种类、速度和方向来自动创建子弹节点并返回,实现了代码的精简和灵活性。\[1\]单例模式用于创建一个全局唯一的实例,可以在整个应用程序中共享和访问该实例,避免了多次实例化的问题。\[2\]建造者模式用于创建复杂的对象,通过将对象的构建过程分解为多个步骤,使得对象的构建更加灵活和可扩展。\[3\]这些设计模式在Cocos Creator中可以帮助开发者更好地组织和管理代码,提高开发效率和代码质量。 #### 引用[.reference_title] - *1* [CocosCreator进阶实战第四部分:工厂模式](https://blog.csdn.net/kuokuo666/article/details/103722679)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [设计模式---创建型模式(工厂模式、抽象工厂模式、单例模式、建造者模式、原型模式)](https://blog.csdn.net/sinat_36499762/article/details/115624011)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

KUOKUO众享

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值