Working option selection 🎉

This commit is contained in:
3wc 2024-02-18 13:56:45 -03:00
parent 610d107e60
commit e1bdd74100
3 changed files with 38 additions and 67 deletions

View File

@ -66,11 +66,11 @@ dialogue-box {
/* background-tile-pos: 1 1; */
background: blue;
padding: 10;
alpha: 0.9;
}
dialogue-options {
fill-width: true;
background: red;
layout: vertical;
}
@ -78,4 +78,9 @@ dialogue-option {
fill-width: true;
background: green;
padding: 10;
alpha: 0.9;
}
dialogue-option.disabled {
alpha: 0.5;
}

View File

@ -1,6 +1,7 @@
package components;
import dialogue.event.NextLine;
import dialogue.event.OptionSelected;
import dialogue.event.OptionsShown.OptionChoice;
@:uiComp("dialogue-option")
@ -19,9 +20,16 @@ class DialogueOptionComponent extends h2d.Flow implements h2d.domkit.Object {
return s;
}
public function new(label:String, ?parent) {
var choice:OptionChoice;
public function new(choice:OptionChoice, ?parent) {
super(parent);
initComponent();
this.choice = choice;
this.label = choice.text;
if (!choice.enabled) {
this.dom.addClass('disabled');
}
enableInteractive = true;
interactive.onClick = function(_) onClick();
interactive.onOver = function(_) {
@ -38,7 +46,10 @@ class DialogueOptionComponent extends h2d.Flow implements h2d.domkit.Object {
};
}
public dynamic function onClick() {}
public dynamic function onClick() {
if (this.choice.enabled)
Game.current.globalEventBus.publishEvent(new OptionSelected(this.choice.index));
}
}
@:uiComp("dialogue-options")
@ -54,7 +65,7 @@ class DialogueOptionsComponent extends h2d.Flow implements h2d.domkit.Object {
initComponent();
for (option in options) {
this.options.push(
new DialogueOptionComponent(option.text, this)
new DialogueOptionComponent(option, this)
);
}
}

View File

@ -15,7 +15,8 @@ import dialogue.event.NextLine;
import components.DialogueBoxComponent;
class DialogueBoxController {
public var curDialogue:DialogueBoxComponent;
public var dialogueBox:DialogueBoxComponent;
public var dialogueOptions:DialogueOptionsComponent;
var game:Game;
var bg:h2d.ScaleGrid;
@ -28,25 +29,10 @@ class DialogueBoxController {
public function new(eventBus:EventBus, parent:h2d.Object, style:h2d.domkit.Style) {
this.parent = parent;
this.style = style;
// game = Game.current;
// parent.getScene().add(this, 1);
// bg = new h2d.ScaleGrid(Res.ui.toTile(), 5, 5, this);
// bg.colorKey = 0xFF00FF;
// tf = new h2d.Text(game.font, this);
// tf.y = 5;
// tf.x = 7;
// tf.dropShadow = {
// dx: 0,
// dy: 1,
// color: 0,
// alpha: 0.3
// };
// int = new h2d.Interactive(0, 0, this);
// int.onClick = function(_) click();
eventBus.subscribe(LineShown, dialogue);
eventBus.subscribe(OptionsShown, renderOptions);
// eventBus.subscribe(OptionSelected, onOptionSelected);
eventBus.subscribe(LineShown, onLineShown);
eventBus.subscribe(OptionsShown, onOptionsShown);
eventBus.subscribe(OptionSelected, onOptionSelected);
eventBus.subscribe(DialogueComplete, onDialogueComplete);
}
@ -61,59 +47,28 @@ class DialogueBoxController {
public dynamic function onReady() {}
function dialogue(event:LineShown) {
if (curDialogue != null) {
curDialogue.remove();
function onLineShown(event:LineShown) {
if (dialogueBox != null) {
dialogueBox.remove();
}
var d = new DialogueBoxComponent(event.line(), this.parent);
style.addObject(d);
curDialogue = d;
dialogueBox = d;
}
function renderOptions(event:OptionsShown) {
new DialogueOptionsComponent(event.options, this.parent);
function onOptionsShown(event:OptionsShown) {
dialogueOptions = new DialogueOptionsComponent(event.options, this.parent);
}
function onOptionSelected(event:OptionSelected) {
dialogueOptions.remove();
}
//
// function newPanel(w, h) {
// var g = new h2d.ScaleGrid(Res.ui.toTile(), 5, 5);
// g.width = w;
// g.height = h;
// g.colorKey = 0xFF00FF;
// root.scene.getH2dObject().getScene().add(g, 1);
// return g;
// }
//
// function addOption(o:String, enabled:Bool, callback:() -> Void) {
// var spr = newPanel(Const.W, 60);
// curDialogue.addChild(spr);
// var tf = new h2d.Text(font, spr);
// if (!enabled) {
// tf.color = new Vector4(0.5, 0.5, 0.5, 1);
// }
// tf.text = o;
// tf.x = 10;
// tf.y = 10;
// spr.x = 0;
// spr.y = 100 + options.length * 60;
// var int = new h2d.Interactive(spr.width, spr.height, spr);
// int.onClick = function(_) {
// callback();
// }
// int.cursor = Button;
// options.push(spr);
// return spr;
// }
//
// function onOptionSelected(event:OptionSelected) {
// for (o in options) {
// o.remove();
// }
// options.splice(0, options.length);
// }
function onDialogueComplete(event:DialogueComplete) {
curDialogue.remove();
dialogueBox.remove();
if (dialogueOptions != null)
dialogueOptions.remove();
}
}