Merge remote-tracking branch 'origin/master' into editor-waveform

# Conflicts:
#	osu-framework

osu.Game/Screens/Edit/Editor.cs

@@ -12,8 +12,11 @@ using osu.Game.Screens.Edit.Menus;
 using osu.Game.Screens.Edit.Components.Timelines.Summary;
 using OpenTK;
 using osu.Framework.Allocation;
+using osu.Framework.Graphics.UserInterface;
+using osu.Game.Graphics.UserInterface;
 using osu.Game.Screens.Edit.Screens;
 using osu.Game.Screens.Edit.Screens.Compose;
+using osu.Game.Screens.Edit.Screens.Design;
 
 namespace osu.Game.Screens.Edit
 {
@@ -35,6 +38,17 @@ namespace osu.Game.Screens.Edit
 
             Children = new[]
             {
+                new Container
+                {
+                    Name = "Screen container",
+                    RelativeSizeAxes = Axes.Both,
+                    Padding = new MarginPadding { Top = 40, Bottom = 60 },
+                    Child = screenContainer = new Container
+                    {
+                        RelativeSizeAxes = Axes.Both,
+                        Masking = true
+                    }
+                },
                 new Container
                 {
                     Name = "Top bar",
@@ -44,7 +58,17 @@ namespace osu.Game.Screens.Edit
                     {
                         Anchor = Anchor.CentreLeft,
                         Origin = Anchor.CentreLeft,
-                        RelativeSizeAxes = Axes.Both
+                        RelativeSizeAxes = Axes.Both,
+                        Items = new[]
+                        {
+                            new MenuItem("File")
+                            {
+                                Items = new[]
+                                {
+                                    new EditorMenuItem("Exit", MenuItemType.Standard, Exit)
+                                }
+                            }
+                        }
                     }
                 },
                 new Container
@@ -81,21 +105,10 @@ namespace osu.Game.Screens.Edit
                         }
                     }
                 },
-                new Container
-                {
-                    Name = "Screen container",
-                    RelativeSizeAxes = Axes.Both,
-                    Padding = new MarginPadding { Top = 40, Bottom = 60 },
-                    Child = screenContainer = new Container
-                    {
-                        RelativeSizeAxes = Axes.Both,
-                        Masking = true
-                    }
-                }
             };
 
             timeline.Beatmap.BindTo(Beatmap);
-            menuBar.ModeChanged += onModeChanged;
+            menuBar.Mode.ValueChanged += onModeChanged;
         }
 
         [BackgroundDependencyLoader]
@@ -113,6 +126,9 @@ namespace osu.Game.Screens.Edit
                 case EditorScreenMode.Compose:
                     currentScreen = new Compose();
                     break;
+                case EditorScreenMode.Design:
+                    currentScreen = new Design();
+                    break;
                 default:
                     currentScreen = new EditorScreen();
                     break;

osu.Game/Screens/Edit/Menus/EditorMenuBar.cs

@@ -11,27 +11,25 @@ using osu.Game.Graphics;
 using osu.Game.Graphics.UserInterface;
 using OpenTK;
 using OpenTK.Graphics;
-using System;
+using osu.Framework.Configuration;
+using osu.Game.Screens.Edit.Screens;
 
 namespace osu.Game.Screens.Edit.Menus
 {
     public class EditorMenuBar : OsuMenu
     {
-        /// <summary>
-        /// Invaoked when the selected mode has changed.
-        /// </summary>
-        public event Action<EditorScreenMode> ModeChanged;
-
-        private readonly ScreenSelectionTabControl tabControl;
+        public readonly Bindable<EditorScreenMode> Mode = new Bindable<EditorScreenMode>();
 
         public EditorMenuBar()
             : base(Direction.Horizontal, true)
         {
             RelativeSizeAxes = Axes.X;
 
+            MaskingContainer.CornerRadius = 0;
             ItemsContainer.Padding = new MarginPadding { Left = 100 };
             BackgroundColour = OsuColour.FromHex("111");
 
+            ScreenSelectionTabControl tabControl;
             AddRangeInternal(new Drawable[]
             {
                 tabControl = new ScreenSelectionTabControl
@@ -42,13 +40,13 @@ namespace osu.Game.Screens.Edit.Menus
                 }
             });
 
-            tabControl.Current.ValueChanged += v => ModeChanged?.Invoke(v);
+            Mode.BindTo(tabControl.Current);
         }
 
         protected override void LoadComplete()
         {
             base.LoadComplete();
-            tabControl.Current.TriggerChange();
+            Mode.TriggerChange();
         }
 
         protected override Framework.Graphics.UserInterface.Menu CreateSubMenu() => new SubMenu();

osu.Game/Screens/Edit/Menus/EditorMenuBarItem.cs

@@ -1,15 +0,0 @@
-// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
-// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
-
-using osu.Framework.Graphics.UserInterface;
-
-namespace osu.Game.Screens.Edit.Menus
-{
-    public class EditorMenuBarItem : MenuItem
-    {
-        public EditorMenuBarItem(string text)
-            : base(text)
-        {
-        }
-    }
-}

osu.Game/Screens/Edit/Menus/ScreenSelectionTabControl.cs

@@ -9,8 +9,8 @@ using osu.Framework.Graphics.Shapes;
 using osu.Framework.Graphics.UserInterface;
 using osu.Game.Graphics;
 using osu.Game.Graphics.UserInterface;
+using osu.Game.Screens.Edit.Screens;
 using OpenTK;
-using System.ComponentModel;
 
 namespace osu.Game.Screens.Edit.Menus
 {
@@ -33,6 +33,8 @@ namespace osu.Game.Screens.Edit.Menus
                 Height = 1,
                 Colour = Color4.White.Opacity(0.2f),
             });
+
+            Current.Value = EditorScreenMode.Compose;
         }
 
         [BackgroundDependencyLoader]
@@ -70,16 +72,4 @@ namespace osu.Game.Screens.Edit.Menus
             }
         }
     }
-
-    public enum EditorScreenMode
-    {
-        [Description("compose")]
-        Compose,
-        [Description("design")]
-        Design,
-        [Description("timing")]
-        Timing,
-        [Description("song")]
-        SongSetup
-    }
 }

osu.Game/Screens/Edit/Screens/Design/Design.cs

@@ -0,0 +1,52 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+using osu.Framework.Graphics;
+using osu.Framework.Graphics.Containers;
+using osu.Framework.Graphics.Shapes;
+using osu.Game.Graphics.Sprites;
+using OpenTK.Graphics;
+
+namespace osu.Game.Screens.Edit.Screens.Design
+{
+    internal class Design : EditorScreen
+    {
+        public Design()
+        {
+            Add(new Container
+            {
+                RelativeSizeAxes = Axes.Both,
+                Children = new Drawable[]
+                {
+                    new Box
+                    {
+                        RelativeSizeAxes = Axes.Both,
+                        Colour = Color4.Black,
+                        Alpha = 0.35f
+                    },
+                    new Container
+                    {
+                        Anchor = Anchor.Centre,
+                        Origin = Anchor.Centre,
+                        AutoSizeAxes = Axes.Both,
+                        Children = new Drawable[]
+                        {
+                            new Box
+                            {
+                                RelativeSizeAxes = Axes.Both,
+                                Colour = Color4.Black,
+                                Alpha = 0.5f
+                            },
+                            new Container
+                            {
+                                AutoSizeAxes = Axes.Both,
+                                Padding = new MarginPadding(20),
+                                Child = new OsuSpriteText { Text = "Design screen" }
+                            }
+                        }
+                    }
+                }
+            });
+        }
+    }
+}

osu.Game/Screens/Edit/Screens/EditorScreen.cs

@@ -28,14 +28,14 @@ namespace osu.Game.Screens.Edit.Screens
         {
             base.LoadComplete();
 
-            this.ScaleTo(0.5f).FadeTo(0)
+            this.FadeTo(0)
                 .Then()
-                .ScaleTo(1f, 500, Easing.OutQuint).FadeTo(1f, 250, Easing.OutQuint);
+                .FadeTo(1f, 250, Easing.OutQuint);
         }
 
         public void Exit()
         {
-            this.ScaleTo(1.5f, 500).FadeOut(250).Expire();
+            this.FadeOut(250).Expire();
         }
     }
 }

osu.Game/Screens/Edit/Screens/EditorScreenMode.cs

@@ -0,0 +1,19 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+using System.ComponentModel;
+
+namespace osu.Game.Screens.Edit.Screens
+{
+    public enum EditorScreenMode
+    {
+        [Description("setup")]
+        SongSetup,
+        [Description("compose")]
+        Compose,
+        [Description("design")]
+        Design,
+        [Description("timing")]
+        Timing,
+    }
+}

osu.Game/Screens/Play/BreaksOverlay/ArrowsOverlay.cs

@@ -0,0 +1,103 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+using osu.Framework.Graphics.Containers;
+using osu.Framework.Graphics;
+using OpenTK;
+using osu.Game.Graphics.Containers;
+using osu.Game.Beatmaps.Timing;
+
+namespace osu.Game.Screens.Play.BreaksOverlay
+{
+    public class ArrowsOverlay : VisibilityContainer
+    {
+        private const double fade_duration = BreakPeriod.MIN_BREAK_DURATION / 2;
+
+        private const int glow_icon_size = 60;
+        private const int glow_icon_blur_sigma = 10;
+        private const float glow_icon_final_offset = 0.22f;
+        private const float glow_icon_offscreen_offset = 0.6f;
+
+        private const int blurred_icon_blur_sigma = 20;
+        private const int blurred_icon_size = 130;
+        private const float blurred_icon_final_offset = 0.35f;
+        private const float blurred_icon_offscreen_offset = 0.7f;
+
+        private readonly GlowIcon leftGlowIcon;
+        private readonly GlowIcon rightGlowIcon;
+
+        private readonly BlurredIcon leftBlurredIcon;
+        private readonly BlurredIcon rightBlurredIcon;
+
+        public ArrowsOverlay()
+        {
+            RelativeSizeAxes = Axes.Both;
+            Children = new Drawable[]
+            {
+                leftGlowIcon = new GlowIcon
+                {
+                    Anchor = Anchor.Centre,
+                    Origin = Anchor.CentreRight,
+                    X = -glow_icon_offscreen_offset,
+                    Icon = Graphics.FontAwesome.fa_chevron_right,
+                    BlurSigma = new Vector2(glow_icon_blur_sigma),
+                    Size = new Vector2(glow_icon_size),
+                },
+                rightGlowIcon = new GlowIcon
+                {
+                    Anchor = Anchor.Centre,
+                    Origin = Anchor.CentreLeft,
+                    X = glow_icon_offscreen_offset,
+                    Icon = Graphics.FontAwesome.fa_chevron_left,
+                    BlurSigma = new Vector2(glow_icon_blur_sigma),
+                    Size = new Vector2(glow_icon_size),
+                },
+                new ParallaxContainer
+                {
+                    ParallaxAmount = -0.02f,
+                    Children = new Drawable[]
+                    {
+                        leftBlurredIcon = new BlurredIcon
+                        {
+                            Anchor = Anchor.Centre,
+                            Origin = Anchor.CentreRight,
+                            Alpha = 0.7f,
+                            X = -blurred_icon_offscreen_offset,
+                            Icon = Graphics.FontAwesome.fa_chevron_right,
+                            BlurSigma = new Vector2(blurred_icon_blur_sigma),
+                            Size = new Vector2(blurred_icon_size),
+                        },
+                        rightBlurredIcon = new BlurredIcon
+                        {
+                            Anchor = Anchor.Centre,
+                            Origin = Anchor.CentreLeft,
+                            Alpha = 0.7f,
+                            X = blurred_icon_offscreen_offset,
+                            Icon = Graphics.FontAwesome.fa_chevron_left,
+                            BlurSigma = new Vector2(blurred_icon_blur_sigma),
+                            Size = new Vector2(blurred_icon_size),
+                        },
+                    }
+                }
+            };
+        }
+
+        protected override void PopIn()
+        {
+            leftGlowIcon.MoveToX(-glow_icon_final_offset, fade_duration, Easing.OutQuint);
+            rightGlowIcon.MoveToX(glow_icon_final_offset, fade_duration, Easing.OutQuint);
+
+            leftBlurredIcon.MoveToX(-blurred_icon_final_offset, fade_duration, Easing.OutQuint);
+            rightBlurredIcon.MoveToX(blurred_icon_final_offset, fade_duration, Easing.OutQuint);
+        }
+
+        protected override void PopOut()
+        {
+            leftGlowIcon.MoveToX(-glow_icon_offscreen_offset, fade_duration, Easing.OutQuint);
+            rightGlowIcon.MoveToX(glow_icon_offscreen_offset, fade_duration, Easing.OutQuint);
+
+            leftBlurredIcon.MoveToX(-blurred_icon_offscreen_offset, fade_duration, Easing.OutQuint);
+            rightBlurredIcon.MoveToX(blurred_icon_offscreen_offset, fade_duration, Easing.OutQuint);
+        }
+    }
+}

osu.Game/Screens/Play/BreaksOverlay/BlurredIcon.cs

@@ -0,0 +1,51 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+using OpenTK;
+using osu.Framework.Graphics.Containers;
+using osu.Framework.Graphics;
+using osu.Game.Graphics;
+using osu.Framework.Allocation;
+
+namespace osu.Game.Screens.Play.BreaksOverlay
+{
+    public class BlurredIcon : BufferedContainer
+    {
+        private readonly SpriteIcon icon;
+
+        public FontAwesome Icon
+        {
+            set { icon.Icon = value; }
+            get { return icon.Icon; }
+        }
+
+        public override Vector2 Size
+        {
+            set
+            {
+                icon.Size = value;
+                base.Size = value + BlurSigma * 2.5f;
+                ForceRedraw();
+            }
+            get { return base.Size; }
+        }
+
+        public BlurredIcon()
+        {
+            RelativePositionAxes = Axes.X;
+            CacheDrawnFrameBuffer = true;
+            Child = icon = new SpriteIcon
+            {
+                Origin = Anchor.Centre,
+                Anchor = Anchor.Centre,
+                Shadow = false,
+            };
+        }
+
+        [BackgroundDependencyLoader]
+        private void load(OsuColour colours)
+        {
+            Colour = colours.BlueLighter;
+        }
+    }
+}

osu.Game/Screens/Play/BreaksOverlay/BreakOverlay.cs

@@ -0,0 +1,151 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+using osu.Framework.Graphics;
+using osu.Framework.Graphics.Containers;
+using osu.Framework.Graphics.Shapes;
+using osu.Game.Beatmaps.Timing;
+using osu.Game.Rulesets.Scoring;
+using System.Collections.Generic;
+
+namespace osu.Game.Screens.Play.BreaksOverlay
+{
+    public class BreakOverlay : Container
+    {
+        private const double fade_duration = BreakPeriod.MIN_BREAK_DURATION / 2;
+        private const float remaining_time_container_max_size = 0.3f;
+        private const int vertical_margin = 25;
+
+        private List<BreakPeriod> breaks;
+        public List<BreakPeriod> Breaks
+        {
+            set
+            {
+                breaks = value;
+                initializeBreaks();
+            }
+            get
+            {
+                return breaks;
+            }
+        }
+
+        private readonly bool letterboxing;
+        private readonly LetterboxOverlay letterboxOverlay;
+        private readonly Container remainingTimeAdjustmentBox;
+        private readonly Container remainingTimeBox;
+        private readonly RemainingTimeCounter remainingTimeCounter;
+        private readonly InfoContainer info;
+        private readonly ArrowsOverlay arrowsOverlay;
+
+        public BreakOverlay(bool letterboxing)
+        {
+            this.letterboxing = letterboxing;
+
+            RelativeSizeAxes = Axes.Both;
+            Children = new Drawable[]
+            {
+                letterboxOverlay = new LetterboxOverlay
+                {
+                    Anchor = Anchor.Centre,
+                    Origin = Anchor.Centre,
+                },
+                remainingTimeAdjustmentBox = new Container
+                {
+                    Anchor = Anchor.Centre,
+                    Origin = Anchor.Centre,
+                    AutoSizeAxes = Axes.Y,
+                    RelativeSizeAxes = Axes.X,
+                    Width = 0,
+                    Child = remainingTimeBox = new Container
+                    {
+                        Anchor = Anchor.Centre,
+                        Origin = Anchor.Centre,
+                        RelativeSizeAxes = Axes.X,
+                        Height = 8,
+                        CornerRadius = 4,
+                        Masking = true,
+                        Child = new Box { RelativeSizeAxes = Axes.Both }
+                    }
+                },
+                remainingTimeCounter = new RemainingTimeCounter
+                {
+                    Anchor = Anchor.Centre,
+                    Origin = Anchor.BottomCentre,
+                    Margin = new MarginPadding { Bottom = vertical_margin },
+                },
+                info = new InfoContainer
+                {
+                    Anchor = Anchor.Centre,
+                    Origin = Anchor.TopCentre,
+                    Margin = new MarginPadding { Top = vertical_margin },
+                },
+                arrowsOverlay = new ArrowsOverlay
+                {
+                    Anchor = Anchor.Centre,
+                    Origin = Anchor.Centre,
+                }
+            };
+        }
+
+        private void initializeBreaks()
+        {
+            FinishTransforms(true);
+            Scheduler.CancelDelayedTasks();
+
+            if (breaks == null)
+                return;
+
+            foreach (var b in breaks)
+            {
+                if (!b.HasEffect)
+                    continue;
+
+                using (BeginAbsoluteSequence(b.StartTime))
+                {
+                    Schedule(() => onBreakIn(b));
+                    using (BeginDelayedSequence(b.Duration - fade_duration))
+                        Schedule(onBreakOut);
+                }
+            }
+        }
+
+        private void onBreakIn(BreakPeriod b)
+        {
+            if (letterboxing)
+                letterboxOverlay.Show();
+
+            remainingTimeAdjustmentBox
+                .ResizeWidthTo(remaining_time_container_max_size, fade_duration, Easing.OutQuint)
+                .Delay(b.Duration - fade_duration)
+                .ResizeWidthTo(0);
+
+            remainingTimeBox
+                .ResizeWidthTo(0, b.Duration - fade_duration)
+                .Then()
+                .ResizeWidthTo(1);
+
+            remainingTimeCounter.StartCounting(b.EndTime);
+
+            remainingTimeCounter.Show();
+            info.Show();
+            arrowsOverlay.Show();
+        }
+
+        private void onBreakOut()
+        {
+            if (letterboxing)
+                letterboxOverlay.Hide();
+
+            remainingTimeCounter.Hide();
+            info.Hide();
+            arrowsOverlay.Hide();
+        }
+
+        public void BindProcessor(ScoreProcessor processor)
+        {
+            info.AccuracyDisplay.Current.BindTo(processor.Accuracy);
+            info.GradeDisplay.Current.BindTo(processor.Rank);
+        }
+    }
+}

osu.Game/Screens/Play/BreaksOverlay/GlowIcon.cs

@@ -0,0 +1,65 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+using osu.Framework.Graphics.Containers;
+using osu.Framework.Graphics;
+using osu.Game.Graphics;
+using OpenTK;
+using osu.Framework.Allocation;
+
+namespace osu.Game.Screens.Play.BreaksOverlay
+{
+    public class GlowIcon : Container
+    {
+        private readonly SpriteIcon spriteIcon;
+        private readonly BlurredIcon blurredIcon;
+
+        public override Vector2 Size
+        {
+            set
+            {
+                blurredIcon.Size = spriteIcon.Size = value;
+                blurredIcon.ForceRedraw();
+            }
+            get { return base.Size; }
+        }
+
+        public Vector2 BlurSigma
+        {
+            set { blurredIcon.BlurSigma = value; }
+            get { return blurredIcon.BlurSigma; }
+        }
+
+        public FontAwesome Icon
+        {
+            set { spriteIcon.Icon = blurredIcon.Icon = value; }
+            get { return spriteIcon.Icon; }
+        }
+
+        public GlowIcon()
+        {
+            RelativePositionAxes = Axes.X;
+            AutoSizeAxes = Axes.Both;
+            Children = new Drawable[]
+            {
+                blurredIcon = new BlurredIcon
+                {
+                    Anchor = Anchor.Centre,
+                    Origin = Anchor.Centre,
+                },
+                spriteIcon = new SpriteIcon
+                {
+                    Anchor = Anchor.Centre,
+                    Origin = Anchor.Centre,
+                    Shadow = false,
+                }
+            };
+        }
+
+        [BackgroundDependencyLoader]
+        private void load(OsuColour colours)
+        {
+            blurredIcon.Colour = colours.Blue;
+        }
+    }
+}

osu.Game/Screens/Play/BreaksOverlay/InfoContainer.cs

@@ -0,0 +1,58 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+using OpenTK;
+using osu.Framework.Graphics;
+using osu.Framework.Graphics.Containers;
+using osu.Game.Graphics.Sprites;
+using osu.Game.Rulesets.Scoring;
+using osu.Game.Beatmaps.Timing;
+
+namespace osu.Game.Screens.Play.BreaksOverlay
+{
+    public class InfoContainer : VisibilityContainer
+    {
+        private const double fade_duration = BreakPeriod.MIN_BREAK_DURATION / 2;
+
+        public PercentageInfoLine AccuracyDisplay;
+        public InfoLine<int> RankDisplay;
+        public InfoLine<ScoreRank> GradeDisplay;
+
+        public InfoContainer()
+        {
+            AutoSizeAxes = Axes.Both;
+            Child = new FillFlowContainer
+            {
+                Direction = FillDirection.Vertical,
+                Spacing = new Vector2(5),
+                Children = new Drawable[]
+                {
+                    new OsuSpriteText
+                    {
+                        Anchor = Anchor.TopCentre,
+                        Origin = Anchor.TopCentre,
+                        Text = "current progress".ToUpper(),
+                        TextSize = 15,
+                        Font = "Exo2.0-Black",
+                    },
+                    new FillFlowContainer
+                    {
+                        AutoSizeAxes = Axes.Both,
+                        Origin = Anchor.TopCentre,
+                        Anchor = Anchor.TopCentre,
+                        Direction = FillDirection.Vertical,
+                        Children = new Drawable[]
+                        {
+                            AccuracyDisplay = new PercentageInfoLine("Accuracy"),
+                            RankDisplay = new InfoLine<int>("Rank"),
+                            GradeDisplay = new InfoLine<ScoreRank>("Grade"),
+                        },
+                    }
+                },
+            };
+        }
+
+        protected override void PopIn() => this.FadeIn(fade_duration);
+        protected override void PopOut() => this.FadeOut(fade_duration);
+    }
+}

osu.Game/Screens/Play/BreaksOverlay/InfoLine.cs

@@ -0,0 +1,82 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+using osu.Framework.Allocation;
+using osu.Framework.Configuration;
+using osu.Framework.Graphics;
+using osu.Framework.Graphics.Containers;
+using osu.Game.Graphics;
+using osu.Game.Graphics.Sprites;
+
+namespace osu.Game.Screens.Play.BreaksOverlay
+{
+    public class InfoLine<T> : Container
+        where T : struct
+    {
+        private const int margin = 2;
+
+        public Bindable<T> Current = new Bindable<T>();
+
+        private readonly OsuSpriteText text;
+        private readonly OsuSpriteText valueText;
+
+        private readonly string prefix;
+
+        public InfoLine(string name, string prefix = @"")
+        {
+            this.prefix = prefix;
+
+            AutoSizeAxes = Axes.Y;
+            Children = new Drawable[]
+            {
+                text = new OsuSpriteText
+                {
+                    Anchor = Anchor.Centre,
+                    Origin = Anchor.CentreRight,
+                    Text = name,
+                    TextSize = 17,
+                    Margin = new MarginPadding { Right = margin }
+                },
+                valueText = new OsuSpriteText
+                {
+                    Anchor = Anchor.Centre,
+                    Origin = Anchor.CentreLeft,
+                    Text = prefix + @"-",
+                    TextSize = 17,
+                    Font = "Exo2.0-Bold",
+                    Margin = new MarginPadding { Left = margin }
+                }
+            };
+
+            Current.ValueChanged += currentValueChanged;
+        }
+
+        private void currentValueChanged(T newValue)
+        {
+            var newText = prefix + Format(newValue);
+
+            if (valueText.Text == newText)
+                return;
+
+            valueText.Text = newText;
+        }
+
+        protected virtual string Format(T count) => count.ToString();
+
+        [BackgroundDependencyLoader]
+        private void load(OsuColour colours)
+        {
+            text.Colour = colours.Yellow;
+            valueText.Colour = colours.YellowLight;
+        }
+    }
+
+    public class PercentageInfoLine : InfoLine<double>
+    {
+        public PercentageInfoLine(string name, string prefix = "") : base(name, prefix)
+        {
+        }
+
+        protected override string Format(double count) => $@"{count:P2}";
+    }
+}

osu.Game/Screens/Play/BreaksOverlay/LetterboxOverlay.cs

@@ -0,0 +1,67 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+using OpenTK.Graphics;
+using osu.Framework.Graphics;
+using osu.Framework.Graphics.Colour;
+using osu.Framework.Graphics.Containers;
+using osu.Framework.Graphics.Shapes;
+using osu.Game.Beatmaps.Timing;
+
+namespace osu.Game.Screens.Play.BreaksOverlay
+{
+    public class LetterboxOverlay : VisibilityContainer
+    {
+        private const double fade_duration = BreakPeriod.MIN_BREAK_DURATION / 2;
+        private const int height = 350;
+
+        private static readonly Color4 transparent_black = new Color4(0, 0, 0, 0);
+
+        public LetterboxOverlay()
+        {
+            RelativeSizeAxes = Axes.Both;
+            Children = new Drawable[]
+            {
+                new Container
+                {
+                    Anchor = Anchor.TopLeft,
+                    Origin = Anchor.TopLeft,
+                    RelativeSizeAxes = Axes.X,
+                    Height = height,
+                    Child = new Box
+                    {
+                        RelativeSizeAxes = Axes.Both,
+                        Colour = new ColourInfo
+                        {
+                            TopLeft = Color4.Black,
+                            TopRight = Color4.Black,
+                            BottomLeft = transparent_black,
+                            BottomRight = transparent_black,
+                        }
+                    }
+                },
+                new Container
+                {
+                    Anchor = Anchor.BottomLeft,
+                    Origin = Anchor.BottomLeft,
+                    RelativeSizeAxes = Axes.X,
+                    Height = height,
+                    Child = new Box
+                    {
+                        RelativeSizeAxes = Axes.Both,
+                        Colour = new ColourInfo
+                        {
+                            TopLeft = transparent_black,
+                            TopRight = transparent_black,
+                            BottomLeft = Color4.Black,
+                            BottomRight = Color4.Black,
+                        }
+                    }
+                }
+            };
+        }
+
+        protected override void PopIn() => this.FadeIn(fade_duration);
+        protected override void PopOut() => this.FadeOut(fade_duration);
+    }
+}

osu.Game/Screens/Play/BreaksOverlay/RemainingTimeCounter.cs

@@ -0,0 +1,65 @@
+// Copyright (c) 2007-2017 ppy Pty Ltd <contact@ppy.sh>.
+// Licensed under the MIT Licence - https://raw.githubusercontent.com/ppy/osu/master/LICENCE
+
+using osu.Framework.Graphics.Containers;
+using osu.Game.Graphics.Sprites;
+using osu.Framework.Graphics;
+using System;
+using osu.Game.Beatmaps.Timing;
+
+namespace osu.Game.Screens.Play.BreaksOverlay
+{
+    public class RemainingTimeCounter : VisibilityContainer
+    {
+        private const double fade_duration = BreakPeriod.MIN_BREAK_DURATION / 2;
+
+        private readonly OsuSpriteText counter;
+
+        private int? previousSecond;
+
+        private double endTime;
+
+        private bool isCounting;
+
+        public RemainingTimeCounter()
+        {
+            AutoSizeAxes = Axes.Both;
+            Child = counter = new OsuSpriteText
+            {
+                Anchor = Anchor.Centre,
+                Origin = Anchor.Centre,
+                TextSize = 33,
+                Font = "Venera",
+            };
+        }
+
+        public void StartCounting(double endTime)
+        {
+            this.endTime = endTime;
+            isCounting = true;
+        }
+
+        protected override void Update()
+        {
+            base.Update();
+
+            if (isCounting)
+            {
+                var currentTime = Clock.CurrentTime;
+                if (currentTime < endTime)
+                {
+                    int currentSecond = (int)Math.Ceiling((endTime - Clock.CurrentTime) / 1000.0);
+                    if (currentSecond != previousSecond)
+                    {
+                        counter.Text = currentSecond.ToString();
+                        previousSecond = currentSecond;
+                    }
+                }
+                else isCounting = false;
+            }
+        }
+
+        protected override void PopIn() => this.FadeIn(fade_duration);
+        protected override void PopOut() => this.FadeOut(fade_duration);
+    }
+}

osu.Game/Screens/Play/Player.cs

@@ -24,6 +24,7 @@ using osu.Game.Screens.Ranking;
 using osu.Framework.Audio.Sample;
 using osu.Game.Beatmaps;
 using osu.Game.Online.API;
+using osu.Game.Screens.Play.BreaksOverlay;
 using osu.Game.Storyboards.Drawables;
 using OpenTK.Graphics;
 
@@ -69,6 +70,7 @@ namespace osu.Game.Screens.Play
 
         #endregion
 
+        private BreakOverlay breakOverlay;
         private Container storyboardContainer;
         private DrawableStoryboard storyboard;
 
@@ -179,16 +181,20 @@ namespace osu.Game.Screens.Play
                         {
                             RelativeSizeAxes = Axes.Both,
                             Clock = offsetClock,
-                            Children = new Drawable[]
-                            {
-                                RulesetContainer,
-                            }
+                            Child = RulesetContainer,
                         },
                         hudOverlay = new HUDOverlay
                         {
                             Anchor = Anchor.Centre,
                             Origin = Anchor.Centre
                         },
+                        breakOverlay = new BreakOverlay(beatmap.BeatmapInfo.LetterboxInBreaks)
+                        {
+                            Anchor = Anchor.Centre,
+                            Origin = Anchor.Centre,
+                            Clock = decoupledClock,
+                            Breaks = beatmap.Breaks
+                        },
                     }
                 },
                 failOverlay = new FailOverlay
@@ -222,6 +228,8 @@ namespace osu.Game.Screens.Play
 
             hudOverlay.ModDisplay.Current.BindTo(working.Mods);
 
+            breakOverlay.BindProcessor(scoreProcessor);
+
             // Bind ScoreProcessor to ourselves
             scoreProcessor.AllJudged += onCompletion;
             scoreProcessor.Failed += onFail;

osu.Game/Screens/Select/BeatmapCarousel.cs

@@ -177,6 +177,8 @@ namespace osu.Game.Screens.Select
 
         public Action<BeatmapSetInfo> RestoreRequested;
 
+        public Action<BeatmapInfo> EditRequested;
+
         public Action<BeatmapInfo> HideDifficultyRequested;
 
         public void SelectNext(int direction = 1, bool skipDifficulties = true)
@@ -347,6 +349,7 @@ namespace osu.Game.Screens.Select
                 StartRequested = b => StartRequested?.Invoke(),
                 DeleteRequested = b => DeleteRequested?.Invoke(b),
                 RestoreHiddenRequested = s => RestoreRequested?.Invoke(s),
+                EditRequested = b => EditRequested?.Invoke(b),
                 HideDifficultyRequested = b => HideDifficultyRequested?.Invoke(b),
                 State = BeatmapGroupState.Collapsed
             };

osu.Game/Screens/Select/SongSelect.cs

@@ -19,6 +19,7 @@ using osu.Game.Graphics;
 using osu.Game.Graphics.Containers;
 using osu.Game.Overlays;
 using osu.Game.Screens.Backgrounds;
+using osu.Game.Screens.Edit;
 using osu.Game.Screens.Select.Options;
 
 namespace osu.Game.Screens.Select
@@ -108,6 +109,7 @@ namespace osu.Game.Screens.Select
                 BeatmapsChanged = carouselBeatmapsLoaded,
                 DeleteRequested = promptDelete,
                 RestoreRequested = s => { foreach (var b in s.Beatmaps) manager.Restore(b); },
+                EditRequested = editRequested,
                 HideDifficultyRequested = b => manager.Hide(b),
                 StartRequested = () => carouselRaisedStart(),
             });
@@ -195,6 +197,12 @@ namespace osu.Game.Screens.Select
             carousel.AllowSelection = !Beatmap.Disabled;
         }
 
+        private void editRequested(BeatmapInfo beatmap)
+        {
+            Beatmap.Value = manager.GetWorkingBeatmap(beatmap, Beatmap);
+            Push(new Editor());
+        }
+
         private void onBeatmapRestored(BeatmapInfo b) => carousel.UpdateBeatmap(b);
         private void onBeatmapHidden(BeatmapInfo b) => carousel.UpdateBeatmap(b);