Kirisame/dzura
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects 1 Releases Wiki Activity

Update hover with dark background instead of border.

Browse Source
This commit is contained in:
yukirij 2024-08-18 02:04:54 -07:00
parent 1c79d512da
commit 9c25f65820
1 changed files with 20 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
www/js/interface.js
View File

@ -18,10 +18,14 @@ const INTERFACE = {
HintHover: "#71a1e8", HintHover: "#71a1e8",
HintSelect: "#4a148c", HintSelect: "#4a148c",
HintValid: "#1a237e", HintValidBorder: "#5558fc", HintValid: "#1a237e",
HintThreat: "#054719", HintThreatBorder: "#22b54e", HintValidDark: "#0d113f",
HintOpponent: "#49136b", HintOpponentBorder: "#d74cef", HintThreat: "#054719",
HintInvalid: "#b71c1c", HintInvalidBorder: "#ed3636", HintThreatDark: "#02260d",
HintOpponent: "#49136b",
HintOpponentDark: "#220933",
HintInvalid: "#b71c1c",
HintInvalidDark: "#330707",
HintPlay: "#083242", HintPlay: "#083242",
HintCheck: "#C62828", HintCheck: "#C62828",
}, },
@ -323,7 +327,7 @@ const INTERFACE = {
let is_select = INTERFACE.Ui.tile_is_select(0, i); let is_select = INTERFACE.Ui.tile_is_select(0, i);
let tile_state = INTERFACE_DATA.board_state[i][1]; let tile_state = INTERFACE_DATA.board_state[i][1];
let border_state = INTERFACE_DATA.board_state[i][0]; let hover_state = INTERFACE_DATA.board_state[i][0];
let coord = HEX.tile_to_hex(i); let coord = HEX.tile_to_hex(i);
if((INTERFACE_DATA.player & 1) ^ INTERFACE_DATA.rotate == 1) { if((INTERFACE_DATA.player & 1) ^ INTERFACE_DATA.rotate == 1) {
@ -346,12 +350,6 @@ const INTERFACE = {
if(GAME_DATA.board.pieces[tile.piece].player == GAME.Const.Player.Dawn) { ctx.fillStyle = INTERFACE.Color.DawnDark; } if(GAME_DATA.board.pieces[tile.piece].player == GAME.Const.Player.Dawn) { ctx.fillStyle = INTERFACE.Color.DawnDark; }
else { ctx.fillStyle = INTERFACE.Color.DuskDark; } else { ctx.fillStyle = INTERFACE.Color.DuskDark; }
} }
switch(border_state) {
case INTERFACE.TileStatus.Valid: ctx.fillStyle = INTERFACE.Color.HintValidBorder; break;
case INTERFACE.TileStatus.Threat: ctx.fillStyle = INTERFACE.Color.HintThreatBorder; break;
case INTERFACE.TileStatus.Invalid: ctx.fillStyle = INTERFACE.Color.HintInvalidBorder; break;
case INTERFACE.TileStatus.Opponent: ctx.fillStyle = INTERFACE.Color.HintOpponentBorder; break;
}
if(is_hover) { if(is_hover) {
ctx.fillStyle = INTERFACE.Color.HintHover; ctx.fillStyle = INTERFACE.Color.HintHover;
} }
@ -371,6 +369,12 @@ const INTERFACE = {
} else if(GAME_DATA.state.check && piece !== null && piece.piece == GAME.Const.PieceId.Omen && piece.player == (GAME_DATA.turn & 1)) { } else if(GAME_DATA.state.check && piece !== null && piece.piece == GAME.Const.PieceId.Omen && piece.player == (GAME_DATA.turn & 1)) {
ctx.fillStyle = INTERFACE.Color.HintCheck; ctx.fillStyle = INTERFACE.Color.HintCheck;
} }
switch(hover_state) {
case INTERFACE.TileStatus.Valid: ctx.fillStyle = INTERFACE.Color.HintValidDark; break;
case INTERFACE.TileStatus.Threat: ctx.fillStyle = INTERFACE.Color.HintThreatDark; break;
case INTERFACE.TileStatus.Invalid: ctx.fillStyle = INTERFACE.Color.HintInvalidDark; break;
case INTERFACE.TileStatus.Opponent: ctx.fillStyle = INTERFACE.Color.HintOpponentDark; break;
}
switch(tile_state) { switch(tile_state) {
case INTERFACE.TileStatus.Valid: ctx.fillStyle = INTERFACE.Color.HintValid; break; case INTERFACE.TileStatus.Valid: ctx.fillStyle = INTERFACE.Color.HintValid; break;
case INTERFACE.TileStatus.Threat: ctx.fillStyle = INTERFACE.Color.HintThreat; break; case INTERFACE.TileStatus.Threat: ctx.fillStyle = INTERFACE.Color.HintThreat; break;
@ -387,7 +391,7 @@ const INTERFACE = {
// Draw tile content // Draw tile content
if(piece !== null) { if(piece !== null) {
// Draw border hints // Draw border hints
if(!is_hover && border_state == 0) { draw.hints(piece); } if(!is_hover && hover_state == 0) { draw.hints(piece); }
// Draw piece icon // Draw piece icon
if(piece.promoted) { ctx.drawImage(GAME_ASSET.Image.Promote, -icon_radius, -icon_radius, icon_radius * 2., icon_radius * 2.); } if(piece.promoted) { ctx.drawImage(GAME_ASSET.Image.Promote, -icon_radius, -icon_radius, icon_radius * 2., icon_radius * 2.); }