362 lines
8.5 KiB
Haxe
362 lines
8.5 KiB
Haxe
package funkin.editors.alphabet;
|
|
|
|
import flixel.math.FlxPoint;
|
|
import flixel.util.FlxColor;
|
|
import funkin.backend.system.framerate.Framerate;
|
|
import funkin.backend.utils.XMLUtil.AnimData;
|
|
import funkin.editors.ui.UIContextMenu.UIContextMenuOption;
|
|
import funkin.game.Character;
|
|
import haxe.xml.Access;
|
|
import haxe.xml.Printer;
|
|
|
|
@:access(funkin.menus.ui.Alphabet)
|
|
class AlphabetEditor extends UIState {
|
|
static var __typeface:String;
|
|
|
|
public static var instance(get, null):AlphabetEditor;
|
|
|
|
private static inline function get_instance()
|
|
return FlxG.state is AlphabetEditor ? cast FlxG.state : null;
|
|
|
|
public var topMenu:Array<UIContextMenuOption>;
|
|
public var topMenuSpr:UITopMenu;
|
|
|
|
public var uiGroup:FlxTypedGroup<FlxSprite> = new FlxTypedGroup<FlxSprite>();
|
|
|
|
var editorCamera:FlxCamera;
|
|
var uiCamera:FlxCamera;
|
|
|
|
public function new(typeface:String) {
|
|
super();
|
|
if (typeface != null) __typeface = typeface;
|
|
}
|
|
|
|
inline function translate(id:String, ?args:Array<Dynamic>)
|
|
return TU.translate("editor.alphabet." + id, args);
|
|
|
|
public var tape:Alphabet;
|
|
public var bigLetter:Alphabet;
|
|
public var curLetter:Int = 0;
|
|
public var targetX:Float = 0;
|
|
|
|
public var componentList:UIButtonList<ComponentButton>;
|
|
|
|
public var curSelectedComponent:AlphabetComponent = null;
|
|
|
|
public var defaultTmr:Float = 0.0;
|
|
public var charsForDefault:Array<String> = [];
|
|
|
|
public override function create() {
|
|
super.create();
|
|
|
|
WindowUtils.suffix = " (" + translate("name") + ")";
|
|
SaveWarning.selectionClass = AlphabetSelection;
|
|
SaveWarning.saveFunc = () -> {_file_save(null);};
|
|
|
|
topMenu = [
|
|
{
|
|
label: translate("topBar.file"),
|
|
childs: [
|
|
{
|
|
label: translate("file.save"),
|
|
keybind: [CONTROL, S],
|
|
onSelect: _file_save
|
|
},
|
|
{
|
|
label: translate("file.saveAs"),
|
|
keybind: [CONTROL, SHIFT, S],
|
|
onSelect: _file_saveas
|
|
},
|
|
null,
|
|
{
|
|
label: translate("file.exit"),
|
|
onSelect: _file_exit
|
|
}
|
|
]
|
|
// TODO: add more options
|
|
},
|
|
{
|
|
label: translate("topBar.edit"),
|
|
childs: [
|
|
{
|
|
label: translate("edit.undo"),
|
|
// TODO: add undo
|
|
},
|
|
{
|
|
label: translate("edit.redo"),
|
|
// TODO: add redo
|
|
},
|
|
{
|
|
label: "Edit Main Data", // TODO: add translations
|
|
onSelect: _edit_main
|
|
}
|
|
]
|
|
},
|
|
{
|
|
label: translate("topBar.glyph"),
|
|
childs: [
|
|
{
|
|
label: translate("glyph.newGlyph"),
|
|
//onSelect: _glyph_new
|
|
},
|
|
{
|
|
label: translate("glyph.editGlyph"),
|
|
//onSelect: _glyph_edit
|
|
},
|
|
{
|
|
label: translate("glyph.deleteGlyph"),
|
|
//onSelect: _glyph_delete
|
|
}
|
|
]
|
|
},
|
|
{
|
|
label: translate("topBar.view"),
|
|
childs: [
|
|
{
|
|
label: translate("view.zoomIn"),
|
|
keybind: [CONTROL, NUMPADPLUS],
|
|
//onSelect: _view_zoomin
|
|
},
|
|
{
|
|
label: translate("view.zoomOut"),
|
|
keybind: [CONTROL, NUMPADMINUS],
|
|
//onSelect: _view_zoomout
|
|
},
|
|
{
|
|
label: translate("view.resetZoom"),
|
|
keybind: [CONTROL, NUMPADZERO],
|
|
//onSelect: _view_zoomreset
|
|
},
|
|
]
|
|
},
|
|
{
|
|
label: "Tape",
|
|
childs: [
|
|
{
|
|
label: "Move Tape Left",
|
|
keybind: [LEFT],
|
|
onSelect: _tape_left
|
|
},
|
|
{
|
|
label: "Move Tape Right",
|
|
keybind: [RIGHT],
|
|
onSelect: _tape_right
|
|
}
|
|
]
|
|
}
|
|
];
|
|
|
|
editorCamera = FlxG.camera;
|
|
|
|
uiCamera = new FlxCamera();
|
|
uiCamera.bgColor = 0;
|
|
|
|
FlxG.cameras.add(uiCamera, false);
|
|
|
|
var bg = new FlxSprite(0, 0).makeSolid(Std.int(FlxG.width + 100), Std.int(FlxG.height + 100), 0xFF7f7f7f);
|
|
bg.cameras = [editorCamera];
|
|
bg.scrollFactor.set();
|
|
bg.screenCenter();
|
|
add(bg);
|
|
|
|
topMenuSpr = new UITopMenu(topMenu);
|
|
topMenuSpr.cameras = uiGroup.cameras = [uiCamera];
|
|
|
|
tape = new Alphabet(0, 70, "", __typeface);
|
|
tape.alignment = CENTER;
|
|
tape.renderMode = MONOSPACE;
|
|
add(tape);
|
|
|
|
bigLetter = new Alphabet(0, 0, charsForDefault[0], "<SKIP>");
|
|
bigLetter.copyData(tape);
|
|
bigLetter.alignment = CENTER;
|
|
bigLetter.scale.set(4, 4);
|
|
// TODO: fix the offset issues, when not using updateHitbox
|
|
bigLetter.updateHitbox();
|
|
bigLetter.screenCenter();
|
|
add(bigLetter);
|
|
|
|
updateTape();
|
|
tape.x = targetX;
|
|
|
|
var infoWindow = new GlyphInfoWindow();
|
|
infoWindow.info.text = [
|
|
//"Char: " + allChars.charAt(randomIndex),
|
|
//"Anim Name: " + allChars.charAt(randomIndex) + " bold0",
|
|
"X Offset: " + 0,
|
|
"Y Offset: " + 0,
|
|
"ScaleX: " + 1,
|
|
"ScaleY: " + 1,
|
|
"Angle: " + 0,
|
|
].join('\n');
|
|
uiGroup.add(infoWindow);
|
|
|
|
componentList = new UIButtonList<ComponentButton>(0, 720 - 170 - 30, 230, 170, "Components:", FlxPoint.get(230, 50), FlxPoint.get(0, 0), 0);
|
|
componentList.dragCallback = (button, oldID, newID) -> {
|
|
}
|
|
componentList.addButton.callback = () -> {
|
|
}
|
|
|
|
uiGroup.add(componentList);
|
|
|
|
add(topMenuSpr);
|
|
add(uiGroup);
|
|
|
|
if(Framerate.isLoaded) {
|
|
Framerate.fpsCounter.alpha = 0.4;
|
|
Framerate.memoryCounter.alpha = 0.4;
|
|
Framerate.codenameBuildField.alpha = 0.4;
|
|
}
|
|
|
|
DiscordUtil.call("onEditorLoaded", ["Alphabet Editor", __typeface]);
|
|
}
|
|
|
|
override function destroy() {
|
|
super.destroy();
|
|
if(Framerate.isLoaded) {
|
|
Framerate.fpsCounter.alpha = 1;
|
|
Framerate.memoryCounter.alpha = 1;
|
|
Framerate.codenameBuildField.alpha = 1;
|
|
}
|
|
}
|
|
|
|
public override function update(elapsed:Float) {
|
|
super.update(elapsed);
|
|
|
|
if (true) {
|
|
if(FlxG.keys.justPressed.ANY)
|
|
UIUtil.processShortcuts(topMenu);
|
|
}
|
|
|
|
if(curSelectedComponent != null) {
|
|
if(FlxG.keys.pressed.I) {
|
|
curSelectedComponent.y -= 100 * elapsed;
|
|
}
|
|
if(FlxG.keys.pressed.K) {
|
|
curSelectedComponent.y += 100 * elapsed;
|
|
}
|
|
if(FlxG.keys.pressed.J) {
|
|
curSelectedComponent.x -= 100 * elapsed;
|
|
}
|
|
if(FlxG.keys.pressed.L) {
|
|
curSelectedComponent.x += 100 * elapsed;
|
|
}
|
|
}
|
|
|
|
var lastIdx = Math.floor(defaultTmr);
|
|
defaultTmr += elapsed * 0.5;
|
|
if (lastIdx != (lastIdx = Math.floor(defaultTmr)))
|
|
tape.text = charsForDefault[Math.floor(defaultTmr)] + " " + tape.manualLetters.join(" ");
|
|
tape.x = lerp(tape.x, targetX, 0.25);
|
|
}
|
|
|
|
function updateTape() {
|
|
charsForDefault = [];
|
|
for (i in 33...127) {
|
|
var letter = String.fromCharCode(i);
|
|
if (tape.manualLetters.contains(letter)) continue;
|
|
|
|
var data = tape.fastGetData(letter);
|
|
for (i => com in data.components) {
|
|
if (tape.fastGetLetterAnim(letter, data, com, i) == null)
|
|
continue;
|
|
}
|
|
charsForDefault.push(letter);
|
|
}
|
|
defaultTmr %= charsForDefault.length;
|
|
tape.text = charsForDefault[Math.floor(defaultTmr)] + " " + tape.manualLetters.join(" ");
|
|
changeLetter(0);
|
|
}
|
|
|
|
function changeLetter(inc:Int) {
|
|
curLetter = CoolUtil.positiveModuloInt(curLetter + inc, tape.manualLetters.length + 1);
|
|
targetX = FlxG.width * 0.5 - tape.defaultAdvance * (0.5 + curLetter * 2);
|
|
bigLetter.text = (curLetter == 0) ? charsForDefault[0] : tape.manualLetters[curLetter - 1];
|
|
bigLetter.updateHitbox();
|
|
bigLetter.screenCenter();
|
|
}
|
|
|
|
function _tape_left(_) {
|
|
changeLetter(-1);
|
|
}
|
|
function _tape_right(_) {
|
|
changeLetter(1);
|
|
}
|
|
|
|
function _file_save(_) {
|
|
#if sys
|
|
CoolUtil.safeSaveFile(
|
|
'${Paths.getAssetsRoot()}/data/alphabet/${__typeface}.xml',
|
|
""//alphabet.buildXML()
|
|
);
|
|
#else
|
|
_file_saveas(_);
|
|
#end
|
|
}
|
|
|
|
function _file_saveas(_) {
|
|
openSubState(new SaveSubstate(""/*alphabet.buildXML()*/, {
|
|
defaultSaveFile: '${__typeface}.xml'
|
|
}));
|
|
}
|
|
|
|
function _file_exit(_) {
|
|
/*if (undos.unsaved) SaveWarning.triggerWarning();
|
|
else */FlxG.switchState(new AlphabetSelection());
|
|
}
|
|
|
|
function _edit_main(_) {
|
|
FlxG.state.openSubState(new AlphabetMainDataScreen());
|
|
}
|
|
}
|
|
|
|
/*
|
|
|
|
/===============\
|
|
| Components |
|
|
|===============|
|
|
|[ Component 1 ]|
|
|
|[ Component 2 ]|
|
|
|[ Component 3 ]|
|
|
|[ Component 4 ]|
|
|
|[ Component 5 ]|
|
|
|[ Add component]|
|
|
\===============/
|
|
|
|
*/
|
|
|
|
class ComponentButton extends UIButton {
|
|
public var component:AlphabetComponent;
|
|
|
|
public var selected:Bool = false;
|
|
|
|
public var deleteButton:UIButton;
|
|
|
|
public function new(component:AlphabetComponent) {
|
|
super(0, 0, component.anim, function() {
|
|
AlphabetEditor.instance.curSelectedComponent = component;
|
|
}, 230, 50);
|
|
this.component = component;
|
|
|
|
deleteButton = new UIButton(bWidth - 32, 0, "Delete", function() {
|
|
|
|
}, 32);
|
|
deleteButton.color = FlxColor.RED;
|
|
deleteButton.autoAlpha = false;
|
|
members.push(deleteButton);
|
|
}
|
|
}
|
|
|
|
class GlyphInfoWindow extends UIWindow {
|
|
public var info:UIText;
|
|
public function new() {
|
|
var width = 230;
|
|
var height = 170;
|
|
var margin = 30;
|
|
super(FlxG.width - width - margin, FlxG.height - height - margin, width, height, "Glyph Info");
|
|
|
|
info = new UIText(x + 28, y + 46, 400, "");
|
|
info.alignment = LEFT;
|
|
members.push(info);
|
|
}
|
|
} |