Cocos Warning

Warning overlay component for Cocos Creator 3.x with pulsing animation effect.

Installation

npm install @anthropic/cocos-warning

Setup

Copy folder assets/ từ node_modules/@anthropic/cocos-warning/ vào project của bạn:

node_modules/@anthropic/cocos-warning/assets/
├── DangerScreen.png
└── Warning.prefab

Kéo Warning.prefab vào scene.

Usage

import { Warning } from '@anthropic/cocos-warning';

// Start animation
Warning.instance?.startWarningAnimation();

// Stop with fade out
Warning.instance?.stopWarningAnimation();

// Stop immediately
Warning.instance?.stopWarningAnimation(true);

Change Color

import { Color } from 'cc';

Warning.instance?.setWarningColor(new Color(0, 0, 255, 255)); // Blue

Properties (Editor)

| Property | Type | Default | Description | |----------|------|---------|-------------| | warningColor | Color | Red | Warning overlay color | | maxAlpha | number | 150 | Max opacity (0-255) | | fadeDuration | number | 0.5 | Fade cycle duration (seconds) |

API

| Method | Description | |--------|-------------| | startWarningAnimation() | Start pulsing animation | | stopWarningAnimation(force?) | Stop animation | | setWarningColor(color) | Change color dynamically |

License

MIT