alterwain/Nosedive
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

playerColor add

Browse Source
This commit is contained in:
Michael Wain 2024-03-15 22:18:51 +03:00
parent 07266f2031
commit 2602cd0acf
5 changed files with 33 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/main/java/com/alterdekim/game/component/game/GameRoom.java
View File

@ -111,6 +111,8 @@ public class GameRoom {
red.setY(10); red.setY(10);
sendMessage(message.getUid(), WebSocketMessageType.ChipMove, om.writeValueAsString(red)); sendMessage(message.getUid(), WebSocketMessageType.ChipMove, om.writeValueAsString(red));
sendMessage(message.getUid(), WebSocketMessageType.PlayerColor, om.writeValueAsString(new PlayerColor(2L, "#ff0000")));
} catch (JsonProcessingException e) { } catch (JsonProcessingException e) {
log.error(e.getMessage(), e); log.error(e.getMessage(), e);
} }

11
src/main/java/com/alterdekim/game/component/game/PlayerColor.java Normal file
View File

@ -0,0 +1,11 @@
package com.alterdekim.game.component.game;
import lombok.AllArgsConstructor;
import lombok.Getter;
@AllArgsConstructor
@Getter
public class PlayerColor {
private Long playerId;
private String color;
}

3
src/main/java/com/alterdekim/game/websocket/message/WebSocketMessageType.java
View File

@ -6,5 +6,6 @@ public enum WebSocketMessageType {
InfoRequest, InfoRequest,
ChangeBoardTileState, ChangeBoardTileState,
AssignChip, AssignChip,
ChipMove ChipMove,
PlayerColor
} }

14
src/main/resources/static/javascript/game.js
View File

@ -87,6 +87,7 @@ $(document).ready(function() {
socket = new SockJS('/websocket'); socket = new SockJS('/websocket');
socket.onopen = function() { socket.onopen = function() {
$("#loading").css("display", "");
console.log('open'); console.log('open');
sendMessage({}, 'InfoRequest'); sendMessage({}, 'InfoRequest');
}; };
@ -120,6 +121,9 @@ function showMessage(message) {
case 'ChipMove': case 'ChipMove':
chipMove(JSON.parse(message.body)); chipMove(JSON.parse(message.body));
break; break;
case 'PlayerColor':
playerColor(JSON.parse(message.body));
break;
} }
} }
@ -135,6 +139,16 @@ function chipMove(body) {
moveChips(); moveChips();
} }
function playerColor(body) {
$(".player").each(function() {
if( $(this).attr("data-pid") == body.playerId ) {
$(this).css("background-color", body.color);
return;
}
$(this).css("background-color", "");
});
}
const corners = [ const corners = [
{x: 0, y: 0}, {x: 0, y: 0},
{x: 10, y: 0}, {x: 10, y: 0},

8
src/main/resources/templates/game.html
View File

@ -21,12 +21,12 @@
</div> </div>
</head> </head>
<body> <body>
<!--<div id="loading" style="width: 100%; height: 100%;"> <div id="loading" style="width: 100%; height: 100%;">
<div style="text-align: center"> <div style="text-align: center">
<p id="loading_status" style="color: white">Идёт загрузка игры...</p> <p id="loading_status" style="color: white">Loading...</p>
<div id="returnBtn" onclick="window.location = '/games?gtype=monopoly'" class="btn green" style="margin-top: 5px; display: none; margin-bottom: auto; margin-left: auto; margin-right: auto;">Назад</div> <div id="returnBtn" onclick="window.location.href = '/games'" class="btn green" style="margin-top: 5px; margin-bottom: auto; margin-left: auto; margin-right: auto;">Go back</div>
</div>
</div> </div>
</div>-->
<div class="wrapper" style="width: 100%; height: 100%"> <div class="wrapper" style="width: 100%; height: 100%">
<div class="game"> <div class="game">
<div class="players"> <div class="players">