358 lines
15 KiB
Haxe
358 lines
15 KiB
Haxe
package funkin.ui.debug.charting.toolboxes;
|
|
|
|
import funkin.play.character.BaseCharacter.CharacterType;
|
|
import funkin.data.character.CharacterData;
|
|
import funkin.data.song.importer.ChartManifestData;
|
|
import funkin.data.stage.StageRegistry;
|
|
import funkin.data.notestyle.NoteStyleRegistry;
|
|
import funkin.play.notes.notestyle.NoteStyle;
|
|
import funkin.ui.debug.charting.commands.AddNewTimeChangeCommand;
|
|
import funkin.ui.debug.charting.commands.ModifyCurrentTimeChangeCommand;
|
|
import funkin.ui.debug.charting.commands.RemoveCurrentTimeChangeCommand;
|
|
import funkin.ui.debug.charting.util.ChartEditorDropdowns;
|
|
import haxe.ui.components.Button;
|
|
import haxe.ui.components.DropDown;
|
|
import haxe.ui.components.Label;
|
|
import haxe.ui.components.NumberStepper;
|
|
import haxe.ui.components.Slider;
|
|
import haxe.ui.components.TextField;
|
|
import funkin.play.stage.Stage;
|
|
import haxe.ui.containers.Frame;
|
|
import haxe.ui.events.UIEvent;
|
|
|
|
/**
|
|
* The toolbox which allows modifying information like Song Title, Scroll Speed, Characters/Stages, and starting BPM.
|
|
*/
|
|
// @: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/toolboxes/metadata.xml"))
|
|
class ChartEditorMetadataToolbox extends ChartEditorBaseToolbox
|
|
{
|
|
var inputSongId:TextField;
|
|
var inputSongName:TextField;
|
|
var inputSongArtist:TextField;
|
|
var inputSongCharter:TextField;
|
|
var inputStage:DropDown;
|
|
var inputNoteStyle:DropDown;
|
|
var buttonCharacterPlayer:Button;
|
|
var buttonCharacterGirlfriend:Button;
|
|
var buttonCharacterOpponent:Button;
|
|
var inputBPM:NumberStepper;
|
|
var labelTimeStamp:Label;
|
|
var inputTimeStamp:NumberStepper;
|
|
var labelScrollSpeed:Label;
|
|
var inputScrollSpeed:Slider;
|
|
var frameVariation:Frame;
|
|
var frameDifficulty:Frame;
|
|
|
|
public function new(chartEditorState2:ChartEditorState)
|
|
{
|
|
super(chartEditorState2);
|
|
|
|
initialize();
|
|
|
|
this.onDialogClosed = onClose;
|
|
}
|
|
|
|
function onClose(event:UIEvent)
|
|
{
|
|
chartEditorState.menubarItemToggleToolboxMetadata.selected = false;
|
|
}
|
|
|
|
function initialize():Void
|
|
{
|
|
// Starting position.
|
|
// TODO: Save and load this.
|
|
this.x = 150;
|
|
this.y = 250;
|
|
|
|
inputSongId.onChange = function(event:UIEvent) {
|
|
var valid:Bool = event.target.text != null && event.target.text != '' && !ChartManifestData.invalidIdRegex.match(event.target.text);
|
|
|
|
if (valid)
|
|
{
|
|
inputSongId.removeClass('invalid-value');
|
|
chartEditorState.songManifestData.songId = event.target.text;
|
|
}
|
|
else
|
|
{
|
|
chartEditorState._songManifestData = null;
|
|
}
|
|
};
|
|
|
|
inputSongName.onChange = function(event:UIEvent) {
|
|
var valid:Bool = event.target.text != null && event.target.text != '';
|
|
|
|
if (valid)
|
|
{
|
|
inputSongName.removeClass('invalid-value');
|
|
chartEditorState.currentSongMetadata.songName = event.target.text;
|
|
}
|
|
else
|
|
{
|
|
chartEditorState.currentSongMetadata.songName = '';
|
|
}
|
|
};
|
|
|
|
inputSongArtist.onChange = function(event:UIEvent) {
|
|
var valid:Bool = event.target.text != null && event.target.text != '';
|
|
|
|
if (valid)
|
|
{
|
|
inputSongArtist.removeClass('invalid-value');
|
|
chartEditorState.currentSongMetadata.artist = event.target.text;
|
|
}
|
|
else
|
|
{
|
|
chartEditorState.currentSongMetadata.artist = '';
|
|
}
|
|
};
|
|
|
|
inputSongCharter.onChange = function(event:UIEvent) {
|
|
var valid:Bool = event.target.text != null && event.target.text != '';
|
|
|
|
if (valid)
|
|
{
|
|
inputSongCharter.removeClass('invalid-value');
|
|
chartEditorState.currentSongMetadata.charter = event.target.text;
|
|
}
|
|
else
|
|
{
|
|
chartEditorState.currentSongMetadata.charter = null;
|
|
}
|
|
};
|
|
|
|
inputStage.onChange = function(event:UIEvent) {
|
|
var valid:Bool = event.data != null && event.data.id != null;
|
|
|
|
if (valid)
|
|
{
|
|
chartEditorState.currentSongMetadata.playData.stage = event.data.id;
|
|
}
|
|
};
|
|
var startingValueStage = ChartEditorDropdowns.populateDropdownWithStages(inputStage, chartEditorState.currentSongMetadata.playData.stage);
|
|
inputStage.value = startingValueStage;
|
|
|
|
inputNoteStyle.onChange = function(event:UIEvent) {
|
|
var valid:Bool = event.data != null && event.data.id != null;
|
|
|
|
if (valid)
|
|
{
|
|
chartEditorState.currentSongNoteStyle = event.data.id;
|
|
}
|
|
};
|
|
var startingValueNoteStyle = ChartEditorDropdowns.populateDropdownWithNoteStyles(inputNoteStyle, chartEditorState.currentSongMetadata.playData.noteStyle);
|
|
inputNoteStyle.value = startingValueNoteStyle;
|
|
|
|
inputTimeChange.onChange = function(event:UIEvent) {
|
|
var currentTimeChange = chartEditorState.currentSongMetadata.timeChanges[inputTimeChange.selectedIndex];
|
|
inputBPM.value = currentTimeChange.bpm;
|
|
inputTSNum.value = currentTimeChange.timeSignatureNum;
|
|
inputTSDen.value = currentTimeChange.timeSignatureDen;
|
|
inputTimeStamp.value = currentTimeChange.timeStamp;
|
|
// Set the min max values of the input timestamp to previous and next time change timestamps to in the array, to prevent the conductor from breaking due to wack time change timestamps
|
|
inputTimeStamp.min = (chartEditorState.currentSongMetadata.timeChanges[inputTimeChange.selectedIndex - 1]?.timeStamp) ?? 0;
|
|
if (inputTimeStamp.min != 0) inputTimeStamp.min += 1;
|
|
inputTimeStamp.max = (chartEditorState.currentSongMetadata.timeChanges[inputTimeChange.selectedIndex + 1]?.timeStamp) ?? chartEditorState.songLengthInMs;
|
|
|
|
// Prevent the inital time change timestamp from being modified (it should always be 0) or removed
|
|
if (inputTimeChange.selectedIndex == 0)
|
|
{
|
|
labelTimeStamp.hidden = true;
|
|
inputTimeStamp.hidden = true;
|
|
removeTimeChange.disabled = true;
|
|
}
|
|
else
|
|
{
|
|
labelTimeStamp.hidden = false;
|
|
inputTimeStamp.hidden = false;
|
|
removeTimeChange.disabled = false;
|
|
}
|
|
};
|
|
var startingTimeChange = ChartEditorDropdowns.populateDropdownWithTimeChanges(inputTimeChange, chartEditorState.currentSongMetadata.timeChanges, 0);
|
|
inputTimeChange.value = startingTimeChange;
|
|
|
|
inputBPM.onChange = function(event:UIEvent) {
|
|
if (event.value == null || event.value <= 0) return;
|
|
|
|
// Use a command so we can undo/redo this action.
|
|
var currentTimeChange = chartEditorState.currentSongMetadata.timeChanges[inputTimeChange.selectedIndex];
|
|
var currentBPM = currentTimeChange.bpm;
|
|
if (event.value != currentBPM)
|
|
{
|
|
chartEditorState.performCommand(new ModifyCurrentTimeChangeCommand(inputTimeChange.selectedIndex, event.value, currentTimeChange.timeStamp));
|
|
// TODO: Figure out why the text of the time change dropdown itself isn't updating and fix it
|
|
inputTimeChange.value.text = '${currentTimeChange.timeStamp} : BPM: ${event.value} in ${currentTimeChange.timeSignatureNum}/${currentTimeChange.timeSignatureDen}';
|
|
}
|
|
};
|
|
|
|
inputTimeStamp.onChange = function(event:UIEvent) {
|
|
if (event.value == null || event.value <= 0) return;
|
|
|
|
// Use a command so we can undo/redo this action.
|
|
var currentTimeChange = chartEditorState.currentSongMetadata.timeChanges[inputTimeChange.selectedIndex];
|
|
var currentTimeStamp = currentTimeChange.timeStamp;
|
|
if (inputTimeChange.selectedIndex != 0 && event.value != currentTimeStamp)
|
|
{
|
|
chartEditorState.performCommand(new ModifyCurrentTimeChangeCommand(inputTimeChange.selectedIndex, currentTimeChange.bpm, event.value));
|
|
inputTimeChange.value.text = '${event.value} : BPM: ${currentTimeChange.bpm} in ${currentTimeChange.timeSignatureNum}/${currentTimeChange.timeSignatureDen}';
|
|
chartEditorState.updateTimeSignature();
|
|
}
|
|
};
|
|
|
|
inputTSNum.onChange = function(event:UIEvent) {
|
|
var numerator:Null<Int> = Std.parseInt(event?.data?.text);
|
|
if (numerator == null) return;
|
|
var currentTimeChange = chartEditorState.currentSongMetadata.timeChanges[inputTimeChange.selectedIndex];
|
|
var prevNumerator:Int = currentTimeChange.timeSignatureNum;
|
|
if (numerator == prevNumerator) return;
|
|
|
|
chartEditorState.currentSongMetadata.timeChanges[inputTimeChange.selectedIndex].timeSignatureNum = numerator;
|
|
inputTimeChange.value.text = '${currentTimeChange.timeStamp} : BPM: ${currentTimeChange.bpm} in ${numerator}/${currentTimeChange.timeSignatureDen}';
|
|
chartEditorState.updateTimeSignature();
|
|
}
|
|
|
|
inputTSDen.onChange = function(event:UIEvent) {
|
|
var denominator:Null<Int> = Std.parseInt(event?.data?.text);
|
|
if (denominator == null) return;
|
|
var currentTimeChange = chartEditorState.currentSongMetadata.timeChanges[inputTimeChange.selectedIndex];
|
|
var prevDenominator:Int = currentTimeChange.timeSignatureDen;
|
|
if (denominator == prevDenominator) return;
|
|
|
|
chartEditorState.currentSongMetadata.timeChanges[inputTimeChange.selectedIndex].timeSignatureDen = denominator;
|
|
inputTimeChange.value.text = '${currentTimeChange.timeStamp} : BPM: ${currentTimeChange.bpm} in ${currentTimeChange.timeSignatureNum}/${denominator}';
|
|
chartEditorState.updateTimeSignature();
|
|
}
|
|
|
|
addTimeChange.onClick = function(_:UIEvent) {
|
|
chartEditorState.performCommand(new AddNewTimeChangeCommand(inputTimeChange.selectedIndex));
|
|
var startingTimeChange = ChartEditorDropdowns.populateDropdownWithTimeChanges(inputTimeChange, chartEditorState.currentSongMetadata.timeChanges,
|
|
inputTimeChange.selectedIndex + 1);
|
|
inputTimeChange.value = startingTimeChange;
|
|
}
|
|
|
|
removeTimeChange.onClick = function(_:UIEvent) {
|
|
chartEditorState.performCommand(new RemoveCurrentTimeChangeCommand(inputTimeChange.selectedIndex));
|
|
var startingTimeChange = ChartEditorDropdowns.populateDropdownWithTimeChanges(inputTimeChange, chartEditorState.currentSongMetadata.timeChanges,
|
|
inputTimeChange.selectedIndex - 1);
|
|
inputTimeChange.value = startingTimeChange;
|
|
}
|
|
|
|
inputScrollSpeed.onChange = function(event:UIEvent) {
|
|
var valid:Bool = event.target.value != null && event.target.value > 0;
|
|
|
|
if (valid)
|
|
{
|
|
inputScrollSpeed.removeClass('invalid-value');
|
|
chartEditorState.currentSongChartScrollSpeed = event.target.value;
|
|
}
|
|
else
|
|
{
|
|
chartEditorState.currentSongChartScrollSpeed = 1.0;
|
|
}
|
|
labelScrollSpeed.text = 'Scroll Speed: ${chartEditorState.currentSongChartScrollSpeed}x';
|
|
};
|
|
|
|
inputDifficultyRating.onChange = function(event:UIEvent) {
|
|
chartEditorState.currentSongChartDifficultyRating = event.target.value;
|
|
};
|
|
|
|
buttonCharacterOpponent.onClick = function(_) {
|
|
chartEditorState.openCharacterDropdown(CharacterType.DAD, false);
|
|
};
|
|
|
|
buttonCharacterGirlfriend.onClick = function(_) {
|
|
chartEditorState.openCharacterDropdown(CharacterType.GF, false);
|
|
};
|
|
|
|
buttonCharacterPlayer.onClick = function(_) {
|
|
chartEditorState.openCharacterDropdown(CharacterType.BF, false);
|
|
};
|
|
|
|
refresh();
|
|
}
|
|
|
|
public override function refresh():Void
|
|
{
|
|
super.refresh();
|
|
|
|
inputSongId.value = chartEditorState.songManifestData.songId;
|
|
inputSongName.value = chartEditorState.currentSongMetadata.songName;
|
|
inputSongArtist.value = chartEditorState.currentSongMetadata.artist;
|
|
inputSongCharter.value = chartEditorState.currentSongMetadata.charter;
|
|
inputStage.value = chartEditorState.currentSongMetadata.playData.stage;
|
|
inputNoteStyle.value = chartEditorState.currentSongMetadata.playData.noteStyle;
|
|
inputDifficultyRating.value = chartEditorState.currentSongChartDifficultyRating;
|
|
inputScrollSpeed.value = chartEditorState.currentSongChartScrollSpeed;
|
|
labelScrollSpeed.text = 'Scroll Speed: ${chartEditorState.currentSongChartScrollSpeed}x';
|
|
frameVariation.text = 'Variation: ${chartEditorState.selectedVariation.toTitleCase()}';
|
|
frameDifficulty.text = 'Difficulty: ${chartEditorState.selectedDifficulty.toTitleCase()}';
|
|
|
|
// Reset time change dropdown and the associated inputs
|
|
var startingTimeChange = ChartEditorDropdowns.populateDropdownWithTimeChanges(inputTimeChange, chartEditorState.currentSongMetadata.timeChanges, 0);
|
|
inputTimeChange.value = startingTimeChange;
|
|
trace('Setting time signature to ${chartEditorState.currentSongMetadata.timeChanges[0].timeSignatureNum}/${chartEditorState.currentSongMetadata.timeChanges[0].timeSignatureDen}');
|
|
|
|
var stageId:String = chartEditorState.currentSongMetadata.playData.stage;
|
|
var stage:Null<Stage> = StageRegistry.instance.fetchEntry(stageId);
|
|
if (inputStage != null)
|
|
{
|
|
inputStage.value = (stage != null) ?
|
|
{id: stage.id, text: stage.stageName} :
|
|
{id: "mainStage", text: "Main Stage"};
|
|
}
|
|
|
|
var noteStyleId:String = chartEditorState.currentSongNoteStyle;
|
|
var noteStyle:Null<NoteStyle> = NoteStyleRegistry.instance.fetchEntry(noteStyleId);
|
|
if (inputNoteStyle != null)
|
|
{
|
|
inputNoteStyle.value = (noteStyle != null) ?
|
|
{id: noteStyle.id, text: noteStyle.getName()} :
|
|
{id: "Funkin", text: "Funkin'"};
|
|
}
|
|
|
|
var LIMIT = 6;
|
|
|
|
var charDataOpponent:Null<CharacterData> = CharacterDataParser.fetchCharacterData(chartEditorState.currentSongMetadata.playData.characters.opponent);
|
|
if (charDataOpponent != null)
|
|
{
|
|
buttonCharacterOpponent.icon = haxe.ui.util.Variant.fromImageData(CharacterDataParser.getCharPixelIconAsset(chartEditorState.currentSongMetadata.playData.characters.opponent));
|
|
buttonCharacterOpponent.text = charDataOpponent.name.length > LIMIT ? '${charDataOpponent.name.substr(0, LIMIT)}.' : '${charDataOpponent.name}';
|
|
}
|
|
else
|
|
{
|
|
buttonCharacterOpponent.icon = null;
|
|
buttonCharacterOpponent.text = "None";
|
|
}
|
|
|
|
var charDataGirlfriend:Null<CharacterData> = CharacterDataParser.fetchCharacterData(chartEditorState.currentSongMetadata.playData.characters.girlfriend);
|
|
if (charDataGirlfriend != null)
|
|
{
|
|
buttonCharacterGirlfriend.icon = haxe.ui.util.Variant.fromImageData(CharacterDataParser.getCharPixelIconAsset(chartEditorState.currentSongMetadata.playData.characters.girlfriend));
|
|
buttonCharacterGirlfriend.text = charDataGirlfriend.name.length > LIMIT ? '${charDataGirlfriend.name.substr(0, LIMIT)}.' : '${charDataGirlfriend.name}';
|
|
}
|
|
else
|
|
{
|
|
buttonCharacterGirlfriend.icon = null;
|
|
buttonCharacterGirlfriend.text = "None";
|
|
}
|
|
|
|
var charDataPlayer:Null<CharacterData> = CharacterDataParser.fetchCharacterData(chartEditorState.currentSongMetadata.playData.characters.player);
|
|
if (charDataPlayer != null)
|
|
{
|
|
buttonCharacterPlayer.icon = haxe.ui.util.Variant.fromImageData(CharacterDataParser.getCharPixelIconAsset(chartEditorState.currentSongMetadata.playData.characters.player));
|
|
buttonCharacterPlayer.text = charDataPlayer.name.length > LIMIT ? '${charDataPlayer.name.substr(0, LIMIT)}.' : '${charDataPlayer.name}';
|
|
}
|
|
else
|
|
{
|
|
buttonCharacterPlayer.icon = null;
|
|
buttonCharacterPlayer.text = "None";
|
|
}
|
|
}
|
|
|
|
public static function build(chartEditorState:ChartEditorState):ChartEditorMetadataToolbox
|
|
{
|
|
return new ChartEditorMetadataToolbox(chartEditorState);
|
|
}
|
|
}
|