// Copyright (c) ppy Pty Ltd . Licensed under the MIT Licence. // See the LICENCE file in the repository root for full licence text. using System.Linq; using osu.Framework.Allocation; using osu.Framework.Extensions.Color4Extensions; using osu.Framework.Graphics; using osu.Framework.Graphics.Colour; using osu.Framework.Graphics.Containers; using osu.Framework.Graphics.Shapes; using osu.Framework.Graphics.Sprites; using osu.Game.Graphics; using osu.Game.Rulesets.Judgements; using osu.Game.Rulesets.Scoring; using osuTK; using osuTK.Graphics; namespace osu.Game.Screens.Play.HUD.HitErrorMeters { public class BarHitErrorMeter : HitErrorMeter { private readonly Anchor alignment; private const int arrow_move_duration = 400; private const int judgement_line_width = 6; private const int bar_height = 200; private const int bar_width = 2; private const int spacing = 2; private const float chevron_size = 8; private SpriteIcon arrow; private Container colourBarsEarly; private Container colourBarsLate; private Container judgementsContainer; private double maxHitWindow; public BarHitErrorMeter(HitWindows hitWindows, bool rightAligned = false) : base(hitWindows) { alignment = rightAligned ? Anchor.x0 : Anchor.x2; AutoSizeAxes = Axes.Both; } [BackgroundDependencyLoader] private void load(OsuColour colours) { InternalChild = new FillFlowContainer { AutoSizeAxes = Axes.X, Height = bar_height, Direction = FillDirection.Horizontal, Spacing = new Vector2(spacing, 0), Margin = new MarginPadding(2), Children = new Drawable[] { judgementsContainer = new Container { Anchor = Anchor.y1 | alignment, Origin = Anchor.y1 | alignment, Width = judgement_line_width, RelativeSizeAxes = Axes.Y, }, colourBars = new Container { Width = bar_width, RelativeSizeAxes = Axes.Y, Anchor = Anchor.y1 | alignment, Origin = Anchor.y1 | alignment, Children = new Drawable[] { colourBarsEarly = new Container { Anchor = Anchor.y1 | alignment, Origin = alignment, RelativeSizeAxes = Axes.Both, Height = 0.5f, Scale = new Vector2(1, -1), }, colourBarsLate = new Container { Anchor = Anchor.y1 | alignment, Origin = alignment, RelativeSizeAxes = Axes.Both, Height = 0.5f, }, new SpriteIcon { Y = -10, Size = new Vector2(10), Icon = FontAwesome.Solid.ShippingFast, Anchor = Anchor.TopCentre, Origin = Anchor.TopCentre, }, new SpriteIcon { Y = 10, Size = new Vector2(10), Icon = FontAwesome.Solid.Bicycle, Anchor = Anchor.BottomCentre, Origin = Anchor.BottomCentre, } } }, new Container { Anchor = Anchor.y1 | alignment, Origin = Anchor.y1 | alignment, Width = chevron_size, RelativeSizeAxes = Axes.Y, Child = arrow = new SpriteIcon { Anchor = Anchor.TopCentre, Origin = Anchor.Centre, RelativePositionAxes = Axes.Y, Y = 0.5f, Icon = alignment == Anchor.x2 ? FontAwesome.Solid.ChevronRight : FontAwesome.Solid.ChevronLeft, Size = new Vector2(chevron_size), } }, } }; createColourBars(colours); } protected override void LoadComplete() { base.LoadComplete(); colourBars.Height = 0; colourBars.ResizeHeightTo(1, 800, Easing.OutQuint); arrow.Alpha = 0; arrow.Delay(200).FadeInFromZero(600); } private void createColourBars(OsuColour colours) { var windows = HitWindows.GetAllAvailableWindows().ToArray(); maxHitWindow = windows.First().length; for (var i = 0; i < windows.Length; i++) { var (result, length) = windows[i]; colourBarsEarly.Add(createColourBar(result, (float)(length / maxHitWindow), i == 0)); colourBarsLate.Add(createColourBar(result, (float)(length / maxHitWindow), i == 0)); } // a little nub to mark the centre point. var centre = createColourBar(windows.Last().result, 0.01f); centre.Anchor = centre.Origin = Anchor.y1 | (alignment == Anchor.x2 ? Anchor.x0 : Anchor.x2); centre.Width = 2.5f; colourBars.Add(centre); Color4 getColour(HitResult result) { switch (result) { case HitResult.Meh: return colours.Yellow; case HitResult.Ok: return colours.Green; case HitResult.Good: return colours.GreenLight; case HitResult.Great: return colours.Blue; default: return colours.BlueLight; } } Drawable createColourBar(HitResult result, float height, bool first = false) { var colour = getColour(result); if (first) { // the first bar needs gradient rendering. const float gradient_start = 0.8f; return new Container { RelativeSizeAxes = Axes.Both, Children = new Drawable[] { new Box { RelativeSizeAxes = Axes.Both, Colour = getColour(result), Height = height * gradient_start }, new Box { RelativeSizeAxes = Axes.Both, RelativePositionAxes = Axes.Both, Colour = ColourInfo.GradientVertical(colour, colour.Opacity(0)), Y = gradient_start, Height = height * (1 - gradient_start) }, } }; } return new Box { RelativeSizeAxes = Axes.Both, Colour = colour, Height = height }; } } private double floatingAverage; private Container colourBars; public override void OnNewJudgement(JudgementResult judgement) { if (!judgement.IsHit) return; judgementsContainer.Add(new JudgementLine { Y = getRelativeJudgementPosition(judgement.TimeOffset), Anchor = alignment == Anchor.x2 ? Anchor.x0 : Anchor.x2, Origin = Anchor.y1 | (alignment == Anchor.x2 ? Anchor.x0 : Anchor.x2), }); arrow.MoveToY( getRelativeJudgementPosition(floatingAverage = floatingAverage * 0.9 + judgement.TimeOffset * 0.1) , arrow_move_duration, Easing.Out); } private float getRelativeJudgementPosition(double value) => (float)((value / maxHitWindow) + 1) / 2; private class JudgementLine : CompositeDrawable { private const int judgement_fade_duration = 10000; public JudgementLine() { RelativeSizeAxes = Axes.X; RelativePositionAxes = Axes.Y; Height = 3; InternalChild = new CircularContainer { Masking = true, RelativeSizeAxes = Axes.Both, Child = new Box { RelativeSizeAxes = Axes.Both, Colour = Color4.White, } }; } protected override void LoadComplete() { base.LoadComplete(); Width = 0; this.ResizeWidthTo(1, 200, Easing.OutElasticHalf); this.FadeTo(0.8f, 150).Then().FadeOut(judgement_fade_duration, Easing.OutQuint).Expire(); } } } }