mirror of
https://github.com/FunkinCrew/Funkin.git
synced 2024-12-11 08:41:25 -05:00
134 lines
4.6 KiB
Haxe
134 lines
4.6 KiB
Haxe
package funkin.ui.debug.charting.dialogs;
|
|
|
|
import flixel.math.FlxPoint;
|
|
import funkin.play.character.BaseCharacter.CharacterType;
|
|
import funkin.play.character.CharacterData;
|
|
import funkin.play.character.CharacterData.CharacterDataParser;
|
|
import funkin.play.components.HealthIcon;
|
|
import funkin.ui.debug.charting.dialogs.ChartEditorBaseDialog.DialogParams;
|
|
import funkin.util.SortUtil;
|
|
import haxe.ui.components.Label;
|
|
import haxe.ui.containers.Grid;
|
|
import haxe.ui.containers.HBox;
|
|
import haxe.ui.containers.ScrollView;
|
|
import haxe.ui.containers.ScrollView;
|
|
import haxe.ui.core.Screen;
|
|
import flixel.tweens.FlxTween;
|
|
import flixel.tweens.FlxEase;
|
|
|
|
// @:nullSafety // TODO: Fix null safety when used with HaxeUI build macros.
|
|
@:access(funkin.ui.debug.charting.ChartEditorState)
|
|
@:build(haxe.ui.ComponentBuilder.build("assets/exclude/data/ui/chart-editor/dialogs/character-icon-selector.xml"))
|
|
class ChartEditorCharacterIconSelectorMenu extends ChartEditorBaseMenu
|
|
{
|
|
public var charSelectScroll:ScrollView;
|
|
public var charIconName:Label;
|
|
|
|
public function new(chartEditorState2:ChartEditorState, charType:CharacterType, lockPosition:Bool = false)
|
|
{
|
|
super(chartEditorState2);
|
|
|
|
initialize(charType, lockPosition);
|
|
this.alpha = 0;
|
|
this.y -= 10;
|
|
FlxTween.tween(this, {alpha: 1, y: this.y + 10}, 0.2, {ease: FlxEase.quartOut});
|
|
}
|
|
|
|
function initialize(charType:CharacterType, lockPosition:Bool)
|
|
{
|
|
var currentCharId:String = switch (charType)
|
|
{
|
|
case BF: chartEditorState.currentSongMetadata.playData.characters.player;
|
|
case GF: chartEditorState.currentSongMetadata.playData.characters.girlfriend;
|
|
case DAD: chartEditorState.currentSongMetadata.playData.characters.opponent;
|
|
default: throw 'Invalid charType: ' + charType;
|
|
};
|
|
|
|
// Position this menu.
|
|
var targetHealthIcon:Null<HealthIcon> = switch (charType)
|
|
{
|
|
case BF: chartEditorState.healthIconBF;
|
|
case DAD: chartEditorState.healthIconDad;
|
|
default: null;
|
|
};
|
|
|
|
if (lockPosition && targetHealthIcon != null)
|
|
{
|
|
var healthIconBottomCenter:FlxPoint = new FlxPoint(targetHealthIcon.x + targetHealthIcon.width / 2, targetHealthIcon.y + targetHealthIcon.height);
|
|
|
|
this.x = healthIconBottomCenter.x - this.width / 2;
|
|
this.y = healthIconBottomCenter.y;
|
|
}
|
|
else
|
|
{
|
|
this.x = Screen.instance.currentMouseX;
|
|
this.y = Screen.instance.currentMouseY;
|
|
}
|
|
|
|
var charGrid = new Grid();
|
|
charGrid.columns = 5;
|
|
charGrid.width = 100;
|
|
charSelectScroll.addComponent(charGrid);
|
|
|
|
var charIds:Array<String> = CharacterDataParser.listCharacterIds();
|
|
charIds.sort(SortUtil.alphabetically);
|
|
|
|
var defaultText:String = '(choose a character)';
|
|
|
|
for (charIndex => charId in charIds)
|
|
{
|
|
var charData:CharacterData = CharacterDataParser.fetchCharacterData(charId);
|
|
|
|
var charButton = new haxe.ui.components.Button();
|
|
charButton.width = 70;
|
|
charButton.height = 70;
|
|
charButton.padding = 8;
|
|
charButton.iconPosition = "top";
|
|
|
|
if (charId == currentCharId)
|
|
{
|
|
// Scroll to the character if it is already selected.
|
|
charSelectScroll.hscrollPos = Math.floor(charIndex / 5) * 80;
|
|
charButton.selected = true;
|
|
|
|
defaultText = '${charData.name} [${charId}]';
|
|
}
|
|
|
|
var LIMIT = 6;
|
|
charButton.icon = CharacterDataParser.getCharPixelIconAsset(charId);
|
|
charButton.text = charData.name.length > LIMIT ? '${charData.name.substr(0, LIMIT)}.' : '${charData.name}';
|
|
|
|
charButton.onClick = _ -> {
|
|
switch (charType)
|
|
{
|
|
case BF: chartEditorState.currentSongMetadata.playData.characters.player = charId;
|
|
case GF: chartEditorState.currentSongMetadata.playData.characters.girlfriend = charId;
|
|
case DAD: chartEditorState.currentSongMetadata.playData.characters.opponent = charId;
|
|
default: throw 'Invalid charType: ' + charType;
|
|
};
|
|
|
|
chartEditorState.healthIconsDirty = true;
|
|
chartEditorState.refreshToolbox(ChartEditorState.CHART_EDITOR_TOOLBOX_METADATA_LAYOUT);
|
|
};
|
|
|
|
charButton.onMouseOver = _ -> {
|
|
charIconName.text = '${charData.name} [${charId}]';
|
|
};
|
|
charButton.onMouseOut = _ -> {
|
|
charIconName.text = defaultText;
|
|
};
|
|
charGrid.addComponent(charButton);
|
|
}
|
|
|
|
charIconName.text = defaultText;
|
|
}
|
|
|
|
public static function build(chartEditorState:ChartEditorState, charType:CharacterType, lockPosition:Bool = false):ChartEditorCharacterIconSelectorMenu
|
|
{
|
|
var menu = new ChartEditorCharacterIconSelectorMenu(chartEditorState, charType, lockPosition);
|
|
|
|
Screen.instance.addComponent(menu);
|
|
|
|
return menu;
|
|
}
|
|
}
|