diff --git a/assets/resources/ScoreAdd.lh b/assets/resources/ScoreAdd.lh index 4b1b6bf..6852c00 100644 --- a/assets/resources/ScoreAdd.lh +++ b/assets/resources/ScoreAdd.lh @@ -32,15 +32,29 @@ "height": 60, "anchorX": 0.5, "anchorY": 0.5, + "alpha": 1, + "_filters": [ + { + "_$type": "GlowFilter", + "offX": 0, + "offY": 6, + "blur": 18, + "color": "rgba(164, 164, 164, 1)" + } + ], "centerX": -3, "text": "+150", "font": "res://7322bbf9-175b-4a25-a0d7-72d369894de2", "fontSize": 60, "color": "rgba(29, 92, 220, 1)", "bold": true, + "italic": false, + "underline": false, + "strikethrough": false, "align": "center", "valign": "middle", "padding": "0,0,0,0", + "underlineColor": "rgba(255, 255, 255, 1)", "stroke": 16, "strokeColor": "rgba(255, 255, 255, 1)" } diff --git a/assets/resources/ScoreAdd_H.lh b/assets/resources/ScoreAdd_H.lh index 533d06f..1afeaa9 100644 --- a/assets/resources/ScoreAdd_H.lh +++ b/assets/resources/ScoreAdd_H.lh @@ -34,6 +34,15 @@ "height": 45, "anchorX": 0.5, "anchorY": 0.5, + "_filters": [ + { + "_$type": "GlowFilter", + "offX": 0, + "offY": 6, + "blur": 18, + "color": "rgba(164, 164, 164, 1)" + } + ], "centerX": -3, "text": "+150", "font": "res://7322bbf9-175b-4a25-a0d7-72d369894de2", diff --git a/src/views/ScoreAdd.ts b/src/views/ScoreAdd.ts index b2f420b..5aa6fb8 100644 --- a/src/views/ScoreAdd.ts +++ b/src/views/ScoreAdd.ts @@ -1,4 +1,5 @@ import { AutoDestroy } from "./common/AutoDestroy" +import BezierEasing from 'bezier-easing'; const { regClass, property } = Laya @@ -18,11 +19,28 @@ export class ScoreAdd extends Laya.Script { } onStart(): void { - Laya.Tween.to(this.label, { scaleX: 1, scaleY: 1 }, 300, Laya.Ease.bounceIn, null, 0) - Laya.Tween.to(this.label, { y: -102 }, 300, Laya.Ease.linearOut, null, 500) + // const filter: Laya.GlowFilter = new Laya.GlowFilter("#000000", 5, 0, 0); + // this.label.filters = [filter]; + + function bezierEaseLaya1(t: number, b: number, c: number, d: number) { + const bezier = BezierEasing(0.55, 1.8, 0.8, 0.95) + const p = bezier(t / d) + return c * p + b + } + Laya.Tween.to(this.label, { scaleX: 1, scaleY: 1 }, 300, bezierEaseLaya1, null, 0) - Laya.Tween.to(this.label, { alpha: 0 }, 300, Laya.Ease.linearOut, null, 500) + function bezierEaseOut(t: number, b: number, c: number, d: number) { + const bezier = BezierEasing(0, 0, 0.58, 1) + const p = bezier(t / d) + return c * p + b + } + Laya.Tween.to(this.label, { y: -102 }, 300, bezierEaseOut, null, 500) + Laya.Tween.to(this.label, { alpha: 0 }, 300, bezierEaseOut, null, 500) + + // Laya.Tween.to(this.label, { scaleX: 1, scaleY: 1 }, 300, Laya.Ease.bounceIn, null, 0) + // Laya.Tween.to(this.label, { y: -102 }, 300, Laya.Ease.linearOut, null, 500) + // Laya.Tween.to(this.label, { alpha: 0 }, 300, Laya.Ease.linearOut, null, 500) } public onSetText(text: string): void {