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) => {
|
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());
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue