Rounded Tutorial Buttons
This commit is contained in:
parent
98e799bf25
commit
b0d6817c54
|
|
@ -202,9 +202,9 @@ export default class GameMenuScene extends Phaser.Scene {
|
|||
const drawQ = (hover) => {
|
||||
qg.clear();
|
||||
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.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);
|
||||
|
||||
|
|
@ -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),
|
||||
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('pointerdown', () => new TutorialModal(game).open());
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue