64 行
2.0 KiB
TypeScript
64 行
2.0 KiB
TypeScript
import { _decorator, Component, Node, Button, Label } from 'cc';
|
|
import { GameManager } from '../core/GameManager';
|
|
|
|
const { ccclass, property } = _decorator;
|
|
|
|
/**
|
|
* EncounterBubble 对应 GDD-22 第二层「云游际遇」实时遭遇气泡。
|
|
* 在线期间弹出，提供二选一/三选一决策。
|
|
*/
|
|
@ccclass('EncounterBubble')
|
|
export class EncounterBubble extends Component {
|
|
@property({ type: Label })
|
|
public titleLabel: Label | null = null;
|
|
|
|
@property({ type: Label })
|
|
public descLabel: Label | null = null;
|
|
|
|
@property({ type: Node })
|
|
public optionsRoot: Node | null = null;
|
|
|
|
private _encounterId: string = '';
|
|
|
|
onLoad() {
|
|
this.hide();
|
|
}
|
|
|
|
public show(encounter: { id: string; title: string; description: string; options: { id: string; text: string }[] }): void {
|
|
this._encounterId = encounter.id;
|
|
if (this.titleLabel) {
|
|
this.titleLabel.string = encounter.title;
|
|
}
|
|
if (this.descLabel) {
|
|
this.descLabel.string = encounter.description;
|
|
}
|
|
this._buildOptions(encounter.options);
|
|
this.node.active = true;
|
|
}
|
|
|
|
public hide(): void {
|
|
this.node.active = false;
|
|
}
|
|
|
|
private _buildOptions(options: { id: string; text: string }[]): void {
|
|
if (!this.optionsRoot) {
|
|
return;
|
|
}
|
|
this.optionsRoot.removeAllChildren();
|
|
for (const opt of options) {
|
|
const btnNode = new Node('OptionButton');
|
|
const btn = btnNode.addComponent(Button);
|
|
const label = btnNode.addComponent(Label);
|
|
label.string = opt.text;
|
|
btnNode.on(Button.EventType.CLICK, () => this.onSelectOption(opt.id), this);
|
|
this.optionsRoot.addChild(btnNode);
|
|
}
|
|
}
|
|
|
|
public onSelectOption(optionId: string): void {
|
|
// TODO: 上报选择结果到服务端，触发战斗/副本/事件
|
|
console.log(`Encounter ${this._encounterId} select option ${optionId}`);
|
|
this.hide();
|
|
}
|
|
}
|
