working in tournament.. some fixes, but still many bugs

This commit is contained in:
CHIBOUB Chakib 2024-09-01 02:21:37 +02:00
parent c0634938a6
commit fecc91447b
7 changed files with 257 additions and 19 deletions

View File

@ -4,7 +4,7 @@ CONTAINER=$(c)
up: down
$(COMPOSE) build
$(COMPOSE) up -d $(CONTAINER) || true
$(COMPOSE) up $(CONTAINER)
build:
$(COMPOSE) build $(CONTAINER)

View File

@ -26,6 +26,9 @@ class GameConsumer(AsyncWebsocketConsumer):
await self.game.handle_key_press(self, data['key'])
else:
await match_maker.handle_key_press(self, data['key'])
elif data['type'] == 'start_tournament':
print("Start TOURNAMENT received..")
await tournament_match_maker.start_tournament()
async def authenticate(self, token):
user = await self.get_user_from_token(token)
@ -82,11 +85,11 @@ class GameConsumer(AsyncWebsocketConsumer):
if user:
self.user = user
await self.send(text_data=json.dumps({'type': 'authenticated'}))
print(f"User {self.user} authenticated")
print(f"User {self.user.username} authenticated for tournament")
await self.join_tournament_waiting_room()
else:
await self.send(text_data=json.dumps({'type': 'error', 'message': 'Authentication failed'}))
print("Authentication failed")
print("Tournament authentication failed")
async def join_tournament_waiting_room(self):
await tournament_match_maker.add_player(self)

View File

@ -7,7 +7,6 @@ from datetime import datetime
from .utils import handle_game_data
from asgiref.sync import sync_to_async
class Game:
def __init__(self, game_id, player1, player2, localgame):
self.game_id = game_id
@ -47,12 +46,11 @@ class Game:
self.p2_mov = 0
self.bt1 = 0
self.bt2 = 0
self.start_time = None
self.start_time = datetime.now()
async def start_game(self):
print(f"- Game #{self.game_id} STARTED")
self.game_loop_task = asyncio.create_task(self.game_loop())
self.start_time = datetime.now()
print(f" Begin MATCH at: {self.start_time}")
async def game_loop(self):

View File

@ -0,0 +1,85 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tournament Brackets</title>
<style>
.tournament-bracket {
display: flex;
flex-direction: row;
justify-content: space-around;
font-family: Arial, sans-serif;
}
.round {
display: flex;
flex-direction: column;
justify-content: space-around;
width: 200px;
}
.match {
margin: 10px 0;
border: 1px solid #ccc;
border-radius: 5px;
overflow: hidden;
}
.player {
padding: 5px;
background-color: #f0f0f0;
border-bottom: 1px solid #ccc;
}
.player.winner {
font-weight: bold;
background-color: #e6ffe6;
}
.player.loser {
color: #999;
}
.score {
float: right;
font-weight: normal;
}
.connector {
border-right: 2px solid #ccc;
height: 50px;
position: relative;
left: 200px;
}
.connector:before, .connector:after {
content: '';
position: absolute;
left: 0;
border-top: 2px solid #ccc;
width: 10px;
}
.connector:before {
top: 0;
}
.connector:after {
bottom: 0;
}
</style>
</head>
<body>
<div class="tournament-bracket">
{% for round in tournament_rounds %}
<div class="round">
<h3>Round {{ forloop.counter }}</h3>
{% for match in round %}
<div class="match">
<div class="player {% if match.winner == match.player1 %}winner{% elif match.winner %}loser{% endif %}">
{{ match.player1 }}
{% if match.score1 is not None %}<span class="score">{{ match.score1 }}</span>{% endif %}
</div>
<div class="player {% if match.winner == match.player2 %}winner{% elif match.winner %}loser{% endif %}">
{{ match.player2|default:"BYE" }}
{% if match.score2 is not None %}<span class="score">{{ match.score2 }}</span>{% endif %}
</div>
</div>
{% if not forloop.last %}<div class="connector"></div>{% endif %}
{% endfor %}
</div>
{% endfor %}
</div>
</body>
</html>

View File

@ -1,10 +1,20 @@
<!-- templates/tournament_waiting_room.html -->
<!-- pong/tournament_waiting_room.html -->
<div class="tournament-waiting-room">
<h2>Tournament Waiting Room</h2>
<p>Players currently waiting: {{ players|length }}</p>
<p>Players currently waiting: {{ players_count }}</p>
<p>Minimum players needed to start: {{ min_players_to_start }}</p>
<h3>Players:</h3>
<ul>
{% for player in players %}
<li>{{ player }}</li>
{% endfor %}
</ul>
{% if players_count >= min_players_to_start %}
<button id="start-tournament-btn">Start Tournament</button>
{% else %}
<p>Waiting for more players to join...</p>
{% endif %}
</div>

View File

@ -1,14 +1,42 @@
# /pong/game/tournament.py
import json
import asyncio
from django.template.loader import render_to_string
import random
from .matchmaking import match_maker
from .game import Game
class TournamentMatch(Game):
def __init__(self, game_id, player1, player2, tournament):
# Initialize the parent Game class with the provided parameters
super().__init__(game_id, player1, player2, False)
# Store the current game instance in active games
match_maker.active_games[game_id] = self
# Set the game for the players
player1.set_game(self)
if player2:
player2.set_game(self)
# Store the tournament instance
self.tournament = tournament
async def end_game(self, disconnected_player=None):
# Call the parent class's end_game method
await super().end_game(disconnected_player)
# Handle the end of the match in the tournament context
await self.tournament.handle_match_end(self)
class TournamentMatchMaker:
def __init__(self):
self.waiting_players = []
self.matches = []
self.rounds = []
self.current_round = 0
self.tournament_state = "waiting" # Can be "waiting", "in_progress", or "ended"
async def add_player(self, player):
if player not in self.waiting_players:
if self.tournament_state == "waiting" and player not in self.waiting_players:
self.waiting_players.append(player)
print(f"User {player.user.username} joins the TOURNAMENT WAITING ROOM")
await self.update_waiting_room()
@ -21,16 +49,111 @@ class TournamentMatchMaker:
async def update_waiting_room(self):
html = self.generate_waiting_room_html()
for player in self.waiting_players:
await player.send(json.dumps({
'type': 'update_waiting_room',
await self.send_to_player(player, {
'type': 'update_tournament_waiting_room',
'html': html
}))
})
def generate_waiting_room_html(self):
context = {
'players': [player.user.username for player in self.waiting_players]
'players': [player.user.username for player in self.waiting_players],
'tournament_state': self.tournament_state,
'players_count': len(self.waiting_players),
'min_players_to_start': 2 # You can adjust this number as needed
}
return render_to_string('pong/tournament_waiting_room.html', context)
async def start_tournament(self):
if len(self.waiting_players) < 2:
return False
self.tournament_state = "in_progress"
random.shuffle(self.waiting_players)
self.current_round = 1
self.create_matches(self.waiting_players)
await self.update_brackets()
await self.start_round_matches()
return True
def create_matches(self, players):
matches = []
for i in range(0, len(players), 2):
if i + 1 < len(players):
matches.append(TournamentMatch(len(self.matches) + 1, players[i], players[i + 1], self))
else:
matches.append(TournamentMatch(len(self.matches) + 1, players[i], None, self)) # Bye
self.rounds.append(matches)
self.matches.extend(matches)
async def update_brackets(self):
html = self.generate_bracket_html()
for player in self.waiting_players:
await self.send_to_player(player, {
'type': 'update_brackets',
'html': html
})
def generate_bracket_html(self):
context = {
'tournament_rounds': self.get_tournament_data()
}
return render_to_string('pong/tournament_brackets.html', context)
def get_tournament_data(self):
return [
[
{
'player1': match.player1.user.username if match.player1 else 'BYE',
'player2': match.player2.user.username if match.player2 else 'BYE',
'winner': match.game_state['player1_name'] if match.game_state['player1_score'] > match.game_state['player2_score'] else match.game_state['player2_name'] if match.ended else None,
'score1': match.game_state['player1_score'],
'score2': match.game_state['player2_score']
}
for match in round_matches
]
for round_matches in self.rounds
]
async def start_round_matches(self):
for match in self.rounds[-1]:
if match.player1 and match.player2:
await match_maker.notify_players(match.player1, match.player2, match.game_id, False)
asyncio.create_task(match.start_game())
elif match.player1:
# Handle bye
match.game_state['player1_score'] = 3
match.game_state['player2_score'] = 0
await match.end_game()
async def handle_match_end(self, match):
await self.update_brackets()
if all(m.ended for m in self.rounds[-1]):
await self.advance_tournament()
async def advance_tournament(self):
winners = [match.player1 if match.game_state['player1_score'] > match.game_state['player2_score'] else match.player2 for match in self.rounds[-1] if match.player1 and match.player2]
if len(winners) > 1:
self.current_round += 1
self.create_matches(winners)
await self.update_brackets()
await self.start_round_matches()
else:
await self.end_tournament(winners[0])
async def end_tournament(self, winner):
self.tournament_state = "ended"
for player in self.waiting_players:
await self.send_to_player(player, {
'type': 'tournament_end',
'winner': winner.user.username
})
self.waiting_players = []
self.matches = []
self.rounds = []
self.current_round = 0
async def send_to_player(self, player, data):
await player.send(json.dumps(data))
# Instance of the class
tournament_match_maker = TournamentMatchMaker()

View File

@ -383,6 +383,7 @@ document.addEventListener('DOMContentLoaded', () => {
console.log('Entered the WAITING ROOM');
} else if (data.type === 'game_start') {
console.log('Game started:', data.game_id, '(', data.player1, 'vs', data.player2, ')');
gameContainer.style.display = 'flex';
document.addEventListener('keydown', handleKeyDown);
} else if (data.type === 'game_state_update') {
updateGameState(data.game_state);
@ -392,7 +393,26 @@ document.addEventListener('DOMContentLoaded', () => {
console.log("Game ended:", data.game_id);
} else if (data.type === 'error') {
console.error(data.message);
} else if (data.type === 'update_waiting_room') {
// Assuming you're inside some WebSocket message handling function
} else if (data.type === 'update_tournament_waiting_room') {
// Update the HTML content of the tournament bracket
document.getElementById('tournament-bracket').innerHTML = data.html;
// Reattach the event listener to the "Start Tournament" button
const startButton = document.getElementById('start-tournament-btn');
if (startButton) {
startButton.addEventListener('click', function() {
if (typeof socket !== 'undefined' && socket.readyState === WebSocket.OPEN) {
console.log("Start TOURNAMENT sent..");
socket.send(JSON.stringify({type: 'start_tournament'}));
} else {
console.error("WebSocket is not open or undefined");
}
});
} else {
console.error('Start button not found');
}
} else if (data.type === 'update_brackets') {
document.getElementById('tournament-bracket').innerHTML = data.html;
} else {
console.log('Message from server:', data.type, data.message);
@ -481,7 +501,6 @@ document.addEventListener('DOMContentLoaded', () => {
startLocalGame2();
});
function checkForWinner() {
if (gameState.player1_score === 3 || gameState.player2_score === 3) {
gameControls.style.display = 'flex';