分享一个cocos creator 3.0 组件库及utils

1,556 阅读1分钟

cocos creator 3.0 组件库

github源码

组件列表

1. Toast (吐司)

scene: assets/examples/badge/Main.scene

用法:

// example: assets/examples/toast_and_popup/script/BtnContrl.ts
import { Toast, Gravity } from '../../../components/Toast/Toast';

Toast.show('滚滚长江东逝水' + ((Math.random() * 10) >> 0).toString(), Toast.LENGTH_SHORT);

效果图

toast_img.png

2. Modal (弹窗)

scene: assets/examples/badge/Main.scene

用法:

// example: assets/examples/toast_and_popup/script/BtnContrl.ts
import { PopupManager } from '../../../components/Popup/Manager/PopupManager';

  onLoad() {
    PopupManager.instance.init();
  }

  showModal() {
    PopupManager.instance.show({
      priority: 999,
      prefab: this.popupPrefab,
    });
  }

效果如下

modal_img.gif

3. Badge (徽标)

scene: assets/examples/badge/Main.scene

用法:在cocos creator编辑器中,给需要添加徽标的组件挂载Badge脚本作为组件即可

badge_config.png

效果如下

badge_img.png

Helpers

1. ButtonScaler (按钮点击缩放效果)

用法:将 ButtonScaler添加为组件即可

btn_scale_config.png

效果图

btn_scale.gif

github源码