Rounded Tutorial Buttons

This commit is contained in:
Brian Fertig 2026-05-31 08:24:35 -06:00
parent 98e799bf25
commit b0d6817c54
1 changed files with 10 additions and 10 deletions

View File

@ -202,9 +202,9 @@ export default class GameMenuScene extends Phaser.Scene {
const drawQ = (hover) => { const drawQ = (hover) => {
qg.clear(); qg.clear();
qg.fillStyle(0x1e1a12, 0.9); qg.fillStyle(0x1e1a12, 0.9);
qg.fillRect(qx - QBTN_SIZE / 2, qy - QBTN_SIZE / 2, QBTN_SIZE, QBTN_SIZE); qg.fillRoundedRect(qx - QBTN_SIZE / 2, qy - QBTN_SIZE / 2, QBTN_SIZE, QBTN_SIZE, 8);
qg.lineStyle(2, hover ? COLORS.gold : COLORS.accent, 1); qg.lineStyle(2, hover ? COLORS.gold : COLORS.accent, 1);
qg.strokeRect(qx - QBTN_SIZE / 2, qy - QBTN_SIZE / 2, QBTN_SIZE, QBTN_SIZE); qg.strokeRoundedRect(qx - QBTN_SIZE / 2, qy - QBTN_SIZE / 2, QBTN_SIZE, QBTN_SIZE, 8);
}; };
drawQ(false); drawQ(false);
@ -217,7 +217,7 @@ export default class GameMenuScene extends Phaser.Scene {
new Phaser.Geom.Rectangle(qx - QBTN_SIZE / 2, qy - QBTN_SIZE / 2, QBTN_SIZE, QBTN_SIZE), new Phaser.Geom.Rectangle(qx - QBTN_SIZE / 2, qy - QBTN_SIZE / 2, QBTN_SIZE, QBTN_SIZE),
Phaser.Geom.Rectangle.Contains, Phaser.Geom.Rectangle.Contains,
); );
qg.on('pointerover', () => { drawQ(true); showTooltip(`Tutorial for ${game.name}`); }); qg.on('pointerover', () => { drawQ(true); showTooltip(`Instructions: ${game.name}`); });
qg.on('pointerout', () => { drawQ(false); hideTooltip(); }); qg.on('pointerout', () => { drawQ(false); hideTooltip(); });
qg.on('pointerdown', () => new TutorialModal(game).open()); qg.on('pointerdown', () => new TutorialModal(game).open());