51 lines
1.9 KiB
TypeScript
51 lines
1.9 KiB
TypeScript
import { _decorator, CCFloat, Component, geometry, Label, tween, Vec3 } from 'cc';
|
|
const { ccclass, property } = _decorator;
|
|
|
|
@ccclass('FloatingText')
|
|
export class FloatingText extends Component {
|
|
@property({ type: Label, visible: true })
|
|
private _label: Label;
|
|
@property({ type: CCFloat, visible: true })
|
|
private _moveSpeed = 1;
|
|
@property({ type: geometry.AnimationCurve, visible: true })
|
|
private _animationCurve: geometry.AnimationCurve = new geometry.AnimationCurve();
|
|
private readonly _scaleUpDuration = 0.2;
|
|
private readonly _scaleDownDuration = 0.2;
|
|
private _moveDuration = 0;
|
|
|
|
public show(text: string, position: Vec3, scale = 1, duration = 1) {
|
|
if (duration < this._scaleUpDuration + this._scaleDownDuration) {
|
|
console.warn(
|
|
`show duration time of floating text must be greater than ${this._scaleUpDuration + this._scaleDownDuration}`,
|
|
);
|
|
|
|
duration = this._scaleUpDuration + this._scaleDownDuration + 0.5;
|
|
}
|
|
this._moveDuration = duration - (this._scaleUpDuration + this._scaleDownDuration);
|
|
this.node.setWorldPosition(position);
|
|
this.node.setScale(Vec3.ZERO);
|
|
this._label.string = text;
|
|
tween(this.node)
|
|
.to(this._scaleUpDuration, { scale: new Vec3(scale, scale, 1) }, { easing: 'backOut' })
|
|
.by(
|
|
this._moveDuration,
|
|
{
|
|
worldPosition: new Vec3(0, 1 * this._moveSpeed, 10),
|
|
},
|
|
{
|
|
easing: (k) => {
|
|
return this._animationCurve.evaluate(k);
|
|
},
|
|
},
|
|
)
|
|
.to(
|
|
this._scaleDownDuration,
|
|
{
|
|
scale: Vec3.ZERO,
|
|
},
|
|
{ easing: 'backIn' },
|
|
)
|
|
.start();
|
|
}
|
|
}
|