freeplay page for freeplay things

source/funkin/ui/debug/char/CharCreatorState.hx

@@ -101,6 +101,7 @@ class CharCreatorState extends UIState
   {
     menubarOptionGameplay.onChange = function(_) switchToPage(Gameplay);
     menubarOptionCharSelect.onChange = function(_) switchToPage(CharacterSelect);
+    menubarOptionFreeplay.onChange = function(_) switchToPage(Freeplay);
     menubarItemExport.onClick = _ -> this.exportAll();
   }
 
@@ -131,6 +132,7 @@ class CharCreatorState extends UIState
 
     if (params.generateCharacter) pages.set(Gameplay, new CharCreatorGameplayPage(this, params));
     if (params.generatePlayerData) pages.set(CharacterSelect, new CharCreatorSelectPage(this, params));
+    if (params.generatePlayerData) pages.set(Freeplay, new CharCreatorFreeplayPage(this, params));
 
     menubarOptionGameplay.disabled = !params.generateCharacter;
     menubarOptionCharSelect.disabled = menubarOptionFreeplay.disabled = menubarOptionResults.disabled = !params.generatePlayerData;

source/funkin/ui/debug/char/pages/CharCreatorFreeplayPage.hx

@@ -1,9 +1,144 @@
 package funkin.ui.debug.char.pages;
 
+import funkin.ui.freeplay.LetterSort;
+import flixel.text.FlxText;
+import funkin.ui.freeplay.FreeplayState.DifficultySprite;
+import funkin.graphics.FunkinSprite;
+import funkin.data.freeplay.style.FreeplayStyleRegistry;
+import funkin.graphics.shaders.AngleMask;
+import funkin.graphics.shaders.StrokeShader;
+import funkin.data.freeplay.player.PlayerRegistry;
+import funkin.ui.AtlasText;
+import funkin.graphics.adobeanimate.FlxAtlasSprite;
+import flixel.math.FlxPoint;
+import flixel.util.FlxColor;
+import flixel.util.FlxTimer;
+import flixel.util.FlxSpriteUtil;
+import flixel.FlxSprite;
+import openfl.display.BlendMode;
+
+// mainly used for dj animations and style
 class CharCreatorFreeplayPage extends CharCreatorDefaultPage
 {
-  override public function new(state:CharCreatorState)
+  var data:WizardGenerateParams;
+
+  override public function new(state:CharCreatorState, data:WizardGenerateParams)
   {
     super(state);
+    this.data = data;
+
+    initBackingCard();
+    initBackground();
+  }
+
+  var pinkBack:FunkinSprite;
+
+  function initBackingCard()
+  {
+    var cardGlow = new FlxSprite(-30, -30).loadGraphic(Paths.image('freeplay/cardGlow'));
+    var confirmGlow = new FlxSprite(-30, 240).loadGraphic(Paths.image('freeplay/confirmGlow'));
+    var confirmTextGlow = new FlxSprite(-8, 115).loadGraphic(Paths.image('freeplay/glowingText'));
+
+    cardGlow.blend = confirmGlow.blend = confirmTextGlow.blend = BlendMode.ADD;
+
+    pinkBack = FunkinSprite.create('freeplay/pinkBack');
+    pinkBack.color = 0xFFFFD863;
+
+    var orangeBackShit = new FunkinSprite(84, 440).makeSolidColor(Std.int(pinkBack.width), 75, 0xFFFEDA00);
+    FlxSpriteUtil.alphaMaskFlxSprite(orangeBackShit, pinkBack, orangeBackShit);
+
+    var alsoOrangeLOL = new FunkinSprite(0, orangeBackShit.y).makeSolidColor(100, Std.int(orangeBackShit.height), 0xFFFFD400);
+    var confirmGlow2 = new FlxSprite(confirmGlow.x, confirmGlow.y).loadGraphic(Paths.image('freeplay/confirmGlow2'));
+    var backingTextYeah = new FlxAtlasSprite(640, 370, Paths.animateAtlas("freeplay/backing-text-yeah"),
+      {
+        FrameRate: 24.0,
+        Reversed: false,
+        // ?OnComplete:Void -> Void,
+        ShowPivot: false,
+        Antialiasing: true,
+        ScrollFactor: new FlxPoint(1, 1),
+      });
+
+    add(pinkBack);
+    add(orangeBackShit);
+    add(alsoOrangeLOL);
+    add(confirmGlow2);
+    add(confirmGlow);
+    add(confirmTextGlow);
+    add(backingTextYeah);
+    add(cardGlow);
+  }
+
+  var bgDad:FlxSprite;
+  var arrowLeft:FlxSprite;
+  var arrowRight:FlxSprite;
+
+  function initBackground()
+  {
+    var currentChar = PlayerRegistry.instance.fetchEntry(data.importedPlayerData);
+    var stylishSunglasses = FreeplayStyleRegistry.instance.fetchEntry(currentChar?.getFreeplayStyleID() ?? "");
+
+    bgDad = new FlxSprite(pinkBack.width * 0.74)
+      .loadGraphic(stylishSunglasses == null ? Paths.image('freeplay/freeplayBGdad') : stylishSunglasses.getBgAssetGraphic());
+    bgDad.setGraphicSize(0, FlxG.height);
+    bgDad.updateHitbox();
+
+    var blackUnderlay = new FlxSprite(387.76).makeGraphic(Std.int(bgDad.width), Std.int(bgDad.height), FlxColor.BLACK);
+    blackUnderlay.setGraphicSize(0, FlxG.height);
+    blackUnderlay.updateHitbox();
+
+    var angleMaskShader:AngleMask = new AngleMask();
+    bgDad.shader = blackUnderlay.shader = angleMaskShader;
+    angleMaskShader.extraColor = FlxColor.WHITE;
+
+    var diffSprite = new DifficultySprite(Constants.DEFAULT_DIFFICULTY);
+    diffSprite.setPosition(90, 80);
+
+    var fnfFreeplay:FlxText = new FlxText(8, 8, 0, 'FREEPLAY PAGE', 48);
+    fnfFreeplay.font = 'VCR OSD Mono';
+
+    var ostName = new FlxText(8, 8, FlxG.width - 8 - 8, 'OFFICIAL OST', 48); // the text should be original ost methinks
+    ostName.font = 'VCR OSD Mono';
+    ostName.alignment = RIGHT;
+
+    var sillyStroke:StrokeShader = new StrokeShader(0xFFFFFFFF, 2, 2);
+    fnfFreeplay.shader = ostName.shader = sillyStroke;
+
+    var fnfHighscoreSpr:FlxSprite = new FlxSprite(860, 70);
+    fnfHighscoreSpr.frames = Paths.getSparrowAtlas('freeplay/highscore');
+    fnfHighscoreSpr.animation.addByPrefix('highscore', 'highscore small instance 1', 24, false);
+    fnfHighscoreSpr.setGraphicSize(0, Std.int(fnfHighscoreSpr.height * 1));
+    fnfHighscoreSpr.updateHitbox();
+
+    arrowLeft = new FlxSprite(20, diffSprite.y - 10);
+    arrowRight = new FlxSprite(325, diffSprite.y - 10);
+    arrowRight.flipX = true;
+
+    arrowLeft.frames = arrowRight.frames = Paths.getSparrowAtlas(stylishSunglasses == null ? 'freeplay/freeplaySelector' : stylishSunglasses.getSelectorAssetKey());
+    arrowLeft.animation.addByPrefix('shine', 'arrow pointer loop', 24);
+    arrowRight.animation.addByPrefix('shine', 'arrow pointer loop', 24);
+    arrowLeft.animation.play('shine');
+    arrowRight.animation.play('shine');
+
+    add(blackUnderlay);
+    add(bgDad);
+    add(diffSprite);
+    add(fnfHighscoreSpr);
+
+    add(new FlxSprite(1165, 65).loadGraphic(Paths.image('freeplay/clearBox')));
+    add(new AtlasText(1185, 87, '69', AtlasFont.FREEPLAY_CLEAR));
+    add(new LetterSort(400, 75));
+
+    add(arrowLeft);
+    add(arrowRight);
+
+    add(new FlxSprite(0, -100).makeGraphic(FlxG.width, 164, FlxColor.BLACK));
+    add(fnfFreeplay);
+    add(ostName);
+
+    new FlxTimer().start(FlxG.random.float(12, 50), function(tmr) {
+      fnfHighscoreSpr.animation.play('highscore');
+      tmr.time = FlxG.random.float(20, 60);
+    }, 0);
   }
 }