From 486accd4eb06b29195f67db918db3b1fb1ae5ac8 Mon Sep 17 00:00:00 2001 From: CHIBOUB Chakib Date: Mon, 22 Jul 2024 19:01:19 +0200 Subject: [PATCH 01/12] commit --- README.md | 107 ------------------------------------------------------ 1 file changed, 107 deletions(-) diff --git a/README.md b/README.md index 9cc4390..e69de29 100644 --- a/README.md +++ b/README.md @@ -1,107 +0,0 @@ -# Installing Docker and Docker Compose on Ubuntu - -This guide will help you install Docker and Docker Compose on an Ubuntu system. - -## Prerequisites - -- A system running Ubuntu (preferably 20.04 LTS or later) -- A user account with `sudo` privileges - -## Installing Docker - -1. **Update the package index:** - - ```bash - sudo apt update - ``` - -2. **Install required packages:** - - ```bash - sudo apt install apt-transport-https ca-certificates curl software-properties-common - ``` - -3. **Add Docker's official GPG key:** - - ```bash - curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add - - ``` - -4. **Set up the Docker repository:** - - ```bash - sudo add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable" - ``` - -5. **Update the package index again:** - - ```bash - sudo apt update - ``` - -6. **Install Docker CE:** - - ```bash - sudo apt install docker-ce - ``` - -7. **Check the Docker service status:** - - ```bash - sudo systemctl status docker - ``` - -8. **Add your user to the `docker` group to run Docker commands without `sudo`:** - - ```bash - sudo usermod -aG docker $USER - ``` - -9. **Log out and log back in to apply the group changes.** - -## Installing Docker Compose - -1. **Download Docker Compose:** - - ```bash - sudo curl -L "https://github.com/docker/compose/releases/download/1.29.2/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose - ``` - -2. **Apply executable permissions to the Docker Compose binary:** - - ```bash - sudo chmod +x /usr/local/bin/docker-compose - ``` - -3. **Verify the installation:** - - ```bash - docker-compose --version - ``` - -## Verifying Docker and Docker Compose Installation - -1. **Run a simple Docker container:** - - ```bash - docker run hello-world - ``` - - This command downloads a test image and runs it in a container. When the container runs, it prints a confirmation message. - -2. **Check Docker Compose version:** - - ```bash - docker-compose --version - ``` - - This command outputs the version of Docker Compose installed. - -Congratulations! You have successfully installed Docker and Docker Compose on your Ubuntu system. - -## Additional Resources - -- [Docker Documentation](https://docs.docker.com/) -- [Docker Compose Documentation](https://docs.docker.com/compose/) - - From 685173df7ed6617af9470f021e67ad92f7ff02f4 Mon Sep 17 00:00:00 2001 From: CHIBOUB Chakib Date: Tue, 23 Jul 2024 18:25:46 +0200 Subject: [PATCH 02/12] fixed some game logic --- pong/game/game.py | 57 +++++++++++++++++++++++++++++++-------------- pong/static/game.js | 2 +- pong/urls.py | 3 ++- 3 files changed, 42 insertions(+), 20 deletions(-) diff --git a/pong/game/game.py b/pong/game/game.py index 2b2af26..b447d02 100644 --- a/pong/game/game.py +++ b/pong/game/game.py @@ -12,13 +12,14 @@ class Game: self.game_state = { 'player1_name': player1.user.username, 'player2_name': player2.user.username, - 'player1_position': 200, # middle of the game field - 'player2_position': 200, - 'ball_position': {'x': 400, 'y': 300}, # middle of the game field + 'player1_position': 150, + 'player2_position': 150, + 'ball_position': {'x': 390, 'y': 190}, 'ball_velocity': {'x': random.choice([-5, 5]), 'y': random.choice([-5, 5])}, 'player1_score': 0, 'player2_score': 0 } + self.speed = 1 self.game_loop_task = None async def start_game(self): @@ -37,28 +38,48 @@ class Game: self.game_state['ball_position']['y'] += self.game_state['ball_velocity']['y'] # Check for collisions with top and bottom walls - if self.game_state['ball_position']['y'] <= 0 or self.game_state['ball_position']['y'] >= 600: + if self.game_state['ball_position']['y'] <= 10 or self.game_state['ball_position']['y'] >= 390: self.game_state['ball_velocity']['y'] *= -1 # Check for scoring - if self.game_state['ball_position']['x'] <= 0: + if self.game_state['ball_position']['x'] <= 10: self.game_state['player2_score'] += 1 self.reset_ball() - elif self.game_state['ball_position']['x'] >= 800: + elif self.game_state['ball_position']['x'] >= 790: self.game_state['player1_score'] += 1 self.reset_ball() # Check for collisions with paddles if self.game_state['ball_position']['x'] <= 20 and \ - self.game_state['player1_position'] - 50 <= self.game_state['ball_position']['y'] <= self.game_state['player1_position'] + 50: + self.game_state['player1_position'] <= self.game_state['ball_position']['y'] <= self.game_state['player1_position'] + 80: + self.update_ball_velocity() self.game_state['ball_velocity']['x'] *= -1 - elif self.game_state['ball_position']['x'] >= 780 and \ - self.game_state['player2_position'] - 50 <= self.game_state['ball_position']['y'] <= self.game_state['player2_position'] + 50: + elif self.game_state['ball_position']['x'] >= 760 and \ + self.game_state['player2_position'] <= self.game_state['ball_position']['y'] <= self.game_state['player2_position'] + 80: + self.update_ball_velocity() self.game_state['ball_velocity']['x'] *= -1 def reset_ball(self): - self.game_state['ball_position'] = {'x': 400, 'y': 300} + self.game_state['ball_position'] = {'x': 390, 'y': 190} self.game_state['ball_velocity'] = {'x': random.choice([-5, 5]), 'y': random.choice([-5, 5])} + self.speed = 1 + + def update_ball_velocity(self): + self.speed += 0.05 + if self.speed > 2: + self.speed = 2 + else: + print(f"Ball velocity: {self.speed}") + self.game_state['ball_velocity']['x'] *= self.speed + if self.game_state['ball_velocity']['x'] < -10: + self.game_state['ball_velocity']['x'] = -10 + elif self.game_state['ball_velocity']['x'] > 10: + self.game_state['ball_velocity']['x'] = 10 + self.game_state['ball_velocity']['y'] *= self.speed + if self.game_state['ball_velocity']['y'] < -10: + self.game_state['ball_velocity']['y'] = -10 + elif self.game_state['ball_velocity']['y'] > 10: + self.game_state['ball_velocity']['y'] = 10 async def send_game_state(self): message = json.dumps({ @@ -70,15 +91,15 @@ class Game: async def handle_key_press(self, player, key): if player == self.player1: - if key == 'arrowup' and self.game_state['player1_position'] > 0: - self.game_state['player1_position'] -= 10 - elif key == 'arrowdown' and self.game_state['player1_position'] < 550: - self.game_state['player1_position'] += 10 + if key == 'arrowup' and self.game_state['player1_position'] >= 25: + self.game_state['player1_position'] -= 25 + elif key == 'arrowdown' and self.game_state['player1_position'] <= 275: + self.game_state['player1_position'] += 25 elif player == self.player2: - if key == 'arrowup' and self.game_state['player2_position'] > 0: - self.game_state['player2_position'] -= 10 - elif key == 'arrowdown' and self.game_state['player2_position'] < 550: - self.game_state['player2_position'] += 10 + if key == 'arrowup' and self.game_state['player2_position'] >= 25: + self.game_state['player2_position'] -= 25 + elif key == 'arrowdown' and self.game_state['player2_position'] <= 275: + self.game_state['player2_position'] += 25 async def end_game(self): if self.game_loop_task: diff --git a/pong/static/game.js b/pong/static/game.js index 4c985aa..c86aac7 100644 --- a/pong/static/game.js +++ b/pong/static/game.js @@ -164,7 +164,7 @@ document.addEventListener('DOMContentLoaded', () => { } function handleKeyDown(event) { - if (event.key === 'ArrowUp' || event.key === 'ArrowDown') { + if (event.key === 'ArrowUp' || event.key === 'ArrowDown' || event.key === '+') { sendKeyPress(event.key.toLowerCase()); } } diff --git a/pong/urls.py b/pong/urls.py index 665ace0..1b40160 100644 --- a/pong/urls.py +++ b/pong/urls.py @@ -6,7 +6,8 @@ from django.conf import settings from django.conf.urls.static import static urlpatterns = [ - path('admin/', admin.site.urls), + # Disable the admin page + # path('admin/', admin.site.urls), path('api/', include('pong.game.urls')), path('', include('pong.game.urls')), ] From c82085dc0ef6d9b1fe876aeef643334d19517c23 Mon Sep 17 00:00:00 2001 From: Theouche Date: Tue, 23 Jul 2024 18:47:56 +0200 Subject: [PATCH 03/12] stat better --- pong/game/utils.py | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/pong/game/utils.py b/pong/game/utils.py index 4985d59..c02c194 100644 --- a/pong/game/utils.py +++ b/pong/game/utils.py @@ -95,6 +95,12 @@ def player_statistics(request, player_name): 'number of match played' : total_match 'number of win (matches)' : total_win 'pourcentage of victory' : p_win + 'mean score per match' : m_score_match + 'mean score adv per match' : m_score_adv_match + 'best score' : best_score + 'mean nbr ball touch' : m_nbr_ball_touch + 'total duration played' : total_duration + 'mean duration per match' : m_duration 'num_participated_tournaments': num_participated_tournaments, 'num_won_tournaments': num_won_tournaments } From 2efc9bc962e1af0a8dcd0aea702e6f57b4086ce3 Mon Sep 17 00:00:00 2001 From: Theouche Date: Wed, 24 Jul 2024 18:29:10 +0200 Subject: [PATCH 04/12] better classe and add view page web Player, Match, Tournoi --- makefile | 2 + ...r_best_score_player_m_duration_and_more.py | 68 ++++++++ pong/game/models.py | 11 ++ pong/game/templates/pong/match_list.html | 51 ++++++ pong/game/templates/pong/player_list.html | 53 +++++++ pong/game/templates/pong/tournoi_list.html | 37 +++++ pong/game/urls.py | 7 + pong/game/utils.py | 74 ++++++--- pong/game/views.py | 146 +++++++++++++++++- pong/static/game.js | 81 ++++++++++ pong/static/index.html | 2 +- 11 files changed, 509 insertions(+), 23 deletions(-) create mode 100644 pong/game/migrations/0002_player_best_score_player_m_duration_and_more.py create mode 100644 pong/game/templates/pong/match_list.html create mode 100644 pong/game/templates/pong/player_list.html create mode 100644 pong/game/templates/pong/tournoi_list.html diff --git a/makefile b/makefile index 755c103..bded4b4 100644 --- a/makefile +++ b/makefile @@ -31,6 +31,8 @@ logs: ps: $(COMPOSE) ps +re: destroy up + help: @echo "Usage:" @echo " make build [c=service] # Build images" diff --git a/pong/game/migrations/0002_player_best_score_player_m_duration_and_more.py b/pong/game/migrations/0002_player_best_score_player_m_duration_and_more.py new file mode 100644 index 0000000..df55fa5 --- /dev/null +++ b/pong/game/migrations/0002_player_best_score_player_m_duration_and_more.py @@ -0,0 +1,68 @@ +# Generated by Django 5.0.7 on 2024-07-24 16:21 + +from django.db import migrations, models + + +class Migration(migrations.Migration): + + dependencies = [ + ('game', '0001_initial'), + ] + + operations = [ + migrations.AddField( + model_name='player', + name='best_score', + field=models.PositiveSmallIntegerField(default=0), + ), + migrations.AddField( + model_name='player', + name='m_duration', + field=models.DecimalField(blank=True, decimal_places=2, max_digits=5, null=True), + ), + migrations.AddField( + model_name='player', + name='m_nbr_ball_touch', + field=models.DecimalField(blank=True, decimal_places=2, max_digits=5, null=True), + ), + migrations.AddField( + model_name='player', + name='m_score_adv_match', + field=models.DecimalField(blank=True, decimal_places=2, max_digits=5, null=True), + ), + migrations.AddField( + model_name='player', + name='m_score_match', + field=models.DecimalField(blank=True, decimal_places=2, max_digits=5, null=True), + ), + migrations.AddField( + model_name='player', + name='num_participated_tournaments', + field=models.PositiveSmallIntegerField(default=0), + ), + migrations.AddField( + model_name='player', + name='num_won_tournaments', + field=models.PositiveSmallIntegerField(default=0), + ), + migrations.AddField( + model_name='player', + name='p_win', + field=models.DecimalField(blank=True, decimal_places=2, max_digits=5, null=True), + ), + migrations.AddField( + model_name='player', + name='total_duration', + field=models.DurationField(blank=True, null=True), + ), + migrations.AddField( + model_name='player', + name='total_match', + field=models.PositiveSmallIntegerField(default=0), + ), + migrations.AddField( + model_name='player', + name='total_win', + field=models.PositiveSmallIntegerField(default=0), + ), + ] diff --git a/pong/game/models.py b/pong/game/models.py index 6068904..483e955 100644 --- a/pong/game/models.py +++ b/pong/game/models.py @@ -8,6 +8,17 @@ User.add_to_class('auth_token', models.CharField(max_length=100, null=True, blan class Player(models.Model): name = models.CharField(max_length=100) + total_match = models.PositiveSmallIntegerField(default=0) + total_win = models.PositiveSmallIntegerField(default=0) + p_win = models.DecimalField(max_digits=5, decimal_places=2, null=True, blank=True) + m_score_match = models.DecimalField(max_digits=5, decimal_places=2, null=True, blank=True) + m_score_adv_match = models.DecimalField(max_digits=5, decimal_places=2, null=True, blank=True) + best_score = models.PositiveSmallIntegerField(default=0) + m_nbr_ball_touch = models.DecimalField(max_digits=5, decimal_places=2, null=True, blank=True) + total_duration = models.DurationField(null=True, blank=True) + m_duration = models.DecimalField(max_digits=5, decimal_places=2, null=True, blank=True) + num_participated_tournaments = models.PositiveSmallIntegerField(default=0) + num_won_tournaments = models.PositiveSmallIntegerField(default=0) def __str__(self): return self.name diff --git a/pong/game/templates/pong/match_list.html b/pong/game/templates/pong/match_list.html new file mode 100644 index 0000000..72c1315 --- /dev/null +++ b/pong/game/templates/pong/match_list.html @@ -0,0 +1,51 @@ + + + + + + Matches List + + +

Matches List

+ + + + + + + + + + + + + + + + + + + {% for match in matches %} + + + + + + + + + + + + + + + {% empty %} + + + + {% endfor %} + +
IDPlayer 1Player 2Score Player 1Score Player 2WinnerBall Touches Player 1Ball Touches Player 2DurationDateIs TournamentTournament
{{ match.id }}{{ match.player1.name }}{{ match.player2.name }}{{ match.score_player1 }}{{ match.score_player2 }}{{ match.winner.name }}{{ match.nbr_ball_touch_p1 }}{{ match.nbr_ball_touch_p2 }}{{ match.duration }}{{ match.date }}{{ match.is_tournoi }}{{ match.tournoi.name }}
No matches found.
+ + diff --git a/pong/game/templates/pong/player_list.html b/pong/game/templates/pong/player_list.html new file mode 100644 index 0000000..b9fbb42 --- /dev/null +++ b/pong/game/templates/pong/player_list.html @@ -0,0 +1,53 @@ + + + + + + Players List + + +

Players List

+ + + + + + + + + + + + + + + + + + + + {% for player in players %} + + + + + + + + + + + + + + + + {% empty %} + + + + {% endfor %} + +
IDNameTotal MatchesTotal WinsWin PercentageAverage Match ScoreAverage Opponent ScoreBest ScoreAverage Ball TouchesTotal DurationAverage DurationParticipated TournamentsWon Tournaments
{{ player.id }}{{ player.name }}{{ player.total_match }}{{ player.total_win }}{{ player.p_win }}{{ player.m_score_match }}{{ player.m_score_adv_match }}{{ player.best_score }}{{ player.m_nbr_ball_touch }}{{ player.total_duration }}{{ player.m_duration }}{{ player.num_participated_tournaments }}{{ player.num_won_tournaments }}
No players found.
+ + diff --git a/pong/game/templates/pong/tournoi_list.html b/pong/game/templates/pong/tournoi_list.html new file mode 100644 index 0000000..e5718f5 --- /dev/null +++ b/pong/game/templates/pong/tournoi_list.html @@ -0,0 +1,37 @@ + + + + + + Tournaments List + + +

Tournaments List

+ + + + + + + + + + + + {% for tournoi in tournois %} + + + + + + + + {% empty %} + + + + {% endfor %} + +
IDNameNumber of PlayersDateWinner
{{ tournoi.id }}{{ tournoi.name }}{{ tournoi.nbr_player }}{{ tournoi.date }}{{ tournoi.winner.name }}
No tournaments found.
+ + diff --git a/pong/game/urls.py b/pong/game/urls.py index 96488b0..43f7305 100644 --- a/pong/game/urls.py +++ b/pong/game/urls.py @@ -2,10 +2,17 @@ from django.urls import path from . import views +from .views import player_list, tournoi_list, match_list urlpatterns = [ path('', views.index, name='index'), path('check_user_exists/', views.check_user_exists, name='check_user_exists'), path('register_user/', views.register_user, name='register_user'), path('authenticate_user/', views.authenticate_user, name='authenticate_user'), + path('create_player/', views.create_player_view, name='create_player'), + path('create_tournoi/', views.create_tournoi_view, name='create_tournoi'), + path('create_match/', views.create_match_view, name='create_match'), + path('players/', player_list, name='player_list'), + path('matches/', match_list, name='match_list'), + path('tournois/', tournoi_list, name='tournoi_list'), ] diff --git a/pong/game/utils.py b/pong/game/utils.py index c02c194..add9877 100644 --- a/pong/game/utils.py +++ b/pong/game/utils.py @@ -1,33 +1,69 @@ -from myapp.models import Player, Tournoi, Match +from .models import Player, Tournoi, Match from django.core.exceptions import ValidationError -def create_player(name): - player = Player(name=name) +def create_player( + name, + total_match=0, + total_win=0, + p_win= None, + m_score_match= None, + m_score_adv_match= None, + best_score=0, + m_nbr_ball_touch= None, + total_duration= None, + m_duration= None, + num_participated_tournaments=0, + num_won_tournaments=0 +): + if Player.objects.filter(name=name).exists(): + raise ValueError(f"A player with the name '{name}' already exists.") + + player = Player( + name=name, + total_match = total_match, + total_win = total_win, + p_win = p_win, + m_score_match = m_score_match, + m_score_adv_match = m_score_adv_match, + best_score = best_score, + m_nbr_ball_touch = m_nbr_ball_touch, + total_duration = total_duration, + m_duration = m_duration, + num_participated_tournaments = num_participated_tournaments, + num_won_tournaments = num_won_tournaments + ) player.save() return player -def create_tournoi(name, nbr_player, date, winner=None): +def create_tournoi(name, nbr_player, date, winner): tournoi = Tournoi(name=name, nbr_player=nbr_player, date=date, winner=winner) tournoi.save() return tournoi -def create_match(player1, player2, score_player1=0, score_player2=0, winner=None, nbr_ball_touch_p1=0, nbr_ball_touch_p2=0, duration=None, is_tournoi=False, tournoi=None): +def create_match(player1, player2, score_player1, score_player2, nbr_ball_touch_p1, nbr_ball_touch_p2, duration, is_tournoi, tournoi): match = Match( player1=player1, player2=player2, score_player1=score_player1, score_player2=score_player2, - winner=winner, nbr_ball_touch_p1=nbr_ball_touch_p1, nbr_ball_touch_p2=nbr_ball_touch_p2, duration=duration, is_tournoi=is_tournoi, tournoi=tournoi ) + + if score_player1 > score_player2: + match.winner = match.player1 + elif score_player2 > score_player1: + match.winner = match.player2 + else: + match.winner = None + match.save() return match -def complete_match(match_id, score_player1, score_player2, nbr_ball_touch_p1, nbr_ball_touch_p2, duration): +""" def complete_match(match_id, score_player1, score_player2, nbr_ball_touch_p1, nbr_ball_touch_p2, duration): try: match = Match.objects.get(id=match_id) except Match.DoesNotExist: @@ -47,9 +83,9 @@ def complete_match(match_id, score_player1, score_player2, nbr_ball_touch_p1, nb match.winner = None match.save() - return match + return match """ -def complete_tournoi(tournoi_id, player): +""" def complete_tournoi(tournoi_id, player): try: tournoi = Tournoi.objects.get(id = tournoi_id) except Tournoi.DoesNotExist: @@ -57,7 +93,7 @@ def complete_tournoi(tournoi_id, player): tournoi.winner = player tournoi.save() - return tournoi + return tournoi """ def player_statistics(request, player_name): player = get_object_or_404(Player, nam = player_name) @@ -92,15 +128,15 @@ def player_statistics(request, player_name): data = { 'player_name': player.name, - 'number of match played' : total_match - 'number of win (matches)' : total_win - 'pourcentage of victory' : p_win - 'mean score per match' : m_score_match - 'mean score adv per match' : m_score_adv_match - 'best score' : best_score - 'mean nbr ball touch' : m_nbr_ball_touch - 'total duration played' : total_duration - 'mean duration per match' : m_duration + 'number of match played' : total_match, + 'number of win (matches)' : total_win, + 'pourcentage of victory' : p_win, + 'mean score per match' : m_score_match, + 'mean score adv per match' : m_score_adv_match, + 'best score' : best_score, + 'mean nbr ball touch' : m_nbr_ball_touch, + 'total duration played' : total_duration, + 'mean duration per match' : m_duration, 'num_participated_tournaments': num_participated_tournaments, 'num_won_tournaments': num_won_tournaments } diff --git a/pong/game/views.py b/pong/game/views.py index 279a317..298fa5b 100644 --- a/pong/game/views.py +++ b/pong/game/views.py @@ -2,9 +2,9 @@ from django.shortcuts import render -def index(request): - return render(request, 'index.html') - +from django.core.exceptions import ObjectDoesNotExist +from .models import Player, Tournoi, Match +from .utils import create_player, create_tournoi, create_match from django.http import JsonResponse from django.contrib.auth.models import User from django.contrib.auth import authenticate @@ -12,6 +12,11 @@ from django.views.decorators.csrf import csrf_exempt import json import uuid + +def index(request): + return render(request, 'index.html') + + @csrf_exempt def register_user(request): if request.method == 'POST': @@ -62,3 +67,138 @@ def get_or_create_token(user): user.save() break return user.auth_token + + +####################### THEOUCHE PART ############################ + + +@csrf_exempt +def create_player_view(request): + if request.method == 'POST': + try: + data = json.loads(request.body) + name = data.get('name') + + # Vérifier que le nom est présent + if not name: + return JsonResponse({'error': 'Name is required'}, status=400) + + # Appeler la fonction create_player et traiter les exceptions + player = create_player( + name=name, + total_match=data.get('total_match', 0), + total_win=data.get('total_win', 0), + p_win=data.get('p_win'), + m_score_match=data.get('m_score_match'), + m_score_adv_match=data.get('m_score_adv_match'), + best_score=data.get('best_score', 0), + m_nbr_ball_touch=data.get('m_nbr_ball_touch'), + total_duration=data.get('total_duration'), + m_duration=data.get('m_duration'), + num_participated_tournaments=data.get('num_participated_tournaments', 0), + num_won_tournaments=data.get('num_won_tournaments', 0) + ) + return JsonResponse({'id': player.id, 'name': player.name}) + + except ValueError as e: + # Erreur spécifique à la validation + return JsonResponse({'error': str(e)}, status=400) + except json.JSONDecodeError: + # Erreur de décodage JSON + return JsonResponse({'error': 'Invalid JSON format'}, status=400) + except Exception as e: + # Erreur générale + return JsonResponse({'error': 'An unexpected error occurred', 'details': str(e)}, status=500) + + # Méthode HTTP non supportée + return JsonResponse({'error': 'Invalid HTTP method'}, status=405) + + + +@csrf_exempt +def create_tournoi_view(request): + if request.method == 'POST': + data = json.loads(request.body) + name = data.get('name') + nbr_player = data.get('nbr_player') + date = data.get('date') + winner_id = data.get('winner_id') + if not (name and nbr_player and date): + return JsonResponse({'error': 'Name, number of players, and date are required'}, status=400) + + winner = None + if winner_id: + try: + winner = Player.objects.get(id=winner_id) + except Player.DoesNotExist: + return JsonResponse({'error': 'Winner not found'}, status=404) + + tournoi = create_tournoi(name, nbr_player, date, winner) + return JsonResponse({ + 'id': tournoi.id, + 'name': tournoi.name, + 'nbr_player': tournoi.nbr_player, + 'date': tournoi.date.isoformat(), + 'winner': winner.id if winner else None + }) + return JsonResponse({'error': 'Invalid HTTP method'}, status=405) + +@csrf_exempt +def create_match_view(request): + if request.method == 'POST': + data = json.loads(request.body) + player1_id = data.get('player1_id') + player2_id = data.get('player2_id') + score_player1 = data.get('score_player1', 0) + score_player2 = data.get('score_player2', 0) + nbr_ball_touch_p1 = data.get('nbr_ball_touch_p1', 0) + nbr_ball_touch_p2 = data.get('nbr_ball_touch_p2', 0) + duration = data.get('duration') + is_tournoi = data.get('is_tournoi', False) + tournoi_id = data.get('tournoi_id') + + if not (player1_id and player2_id and duration): + return JsonResponse({'error': 'Player IDs and duration are required'}, status=400) + + try: + player1 = Player.objects.get(id=player1_id) + player2 = Player.objects.get(id=player2_id) + except Player.DoesNotExist: + return JsonResponse({'error': 'One or both players not found'}, status=404) + + tournoi = None + if tournoi_id: + try: + tournoi = Tournoi.objects.get(id=tournoi_id) + except Tournoi.DoesNotExist: + return JsonResponse({'error': 'Tournoi not found'}, status=404) + + match = create_match(player1, player2, score_player1, score_player2, nbr_ball_touch_p1, nbr_ball_touch_p2, duration, is_tournoi, tournoi) + return JsonResponse({ + 'id': match.id, + 'player1': match.player1.id, + 'player2': match.player2.id, + 'score_player1': match.score_player1, + 'score_player2': match.score_player2, + 'nbr_ball_touch_p1': match.nbr_ball_touch_p1, + 'nbr_ball_touch_p2': match.nbr_ball_touch_p2, + 'duration': str(match.duration), + 'is_tournoi': match.is_tournoi, + 'tournoi': match.tournoi.id if match.tournoi else None + }) + return JsonResponse({'error': 'Invalid HTTP method'}, status=405) + + +def player_list(request): + players = Player.objects.all() + return render(request, 'pong/player_list.html', {'players': players}) + +def match_list(request): + matches = Match.objects.select_related('player1', 'player2', 'winner', 'tournoi').all() + return render(request, 'pong/match_list.html', {'matches': matches}) + +def tournoi_list(request): + tournois = Tournoi.objects.select_related('winner').all() + return render(request, 'pong/tournoi_list.html', {'tournois': tournois}) + +####################### THEOUCHE PART ############################ diff --git a/pong/static/game.js b/pong/static/game.js index 4c985aa..2287657 100644 --- a/pong/static/game.js +++ b/pong/static/game.js @@ -19,6 +19,86 @@ document.addEventListener('DOMContentLoaded', () => { registerButton.addEventListener('click', handleRegister); loginButton.addEventListener('click', handleLogin); + + /// THEOUCHE NOT CERTAIN /// + async function createPlayer(name, totalMatch = 0, totalWin = 0, pWin = null, mScoreMatch = null, mScoreAdvMatch = null, bestScore = 0, mNbrBallTouch = null, totalDuration = null, mDuration = null, numParticipatedTournaments = 0, numWonTournaments = 0) { + try { + const response = await fetch('/api/create_player/', { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ + name, + total_match: totalMatch, + total_win: totalWin, + p_win: pWin, + m_score_match: mScoreMatch, + m_score_adv_match: mScoreAdvMatch, + best_score: bestScore, + m_nbr_ball_touch: mNbrBallTouch, + total_duration: totalDuration, + m_duration: mDuration, + num_participated_tournaments: numParticipatedTournaments, + num_won_tournaments: numWonTournaments + }) + }); + + if (!response.ok) { + const errorData = await response.json(); + throw new Error(errorData.error || 'Network response was not ok'); + } + + const data = await response.json(); + return data; + + } catch (error) { + // Afficher l'erreur avec un message plus spécifique + console.error('Error creating player:', error.message); + alert(`Failed to create player: ${error.message}`); + } + } + + async function createTournoi(name, nbr_player, date, winner_id) { + try { + const response = await fetch('/api/create_tournoi/', { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ name, nbr_player, date, winner_id }) + }); + if (!response.ok) { + throw new Error('Network response was not ok'); + } + const data = await response.json(); + return data; + } catch (error) { + console.error('Error creating tournoi:', error); + } + } + + async function createMatch(player1_id, player2_id, score_player1, score_player2, nbr_ball_touch_p1, nbr_ball_touch_p2, duration, is_tournoi, tournoi_id) { + try { + const response = await fetch('/api/create_match/', { + method: 'POST', + headers: { + 'Content-Type': 'application/json' + }, + body: JSON.stringify({ player1_id, player2_id, score_player1, score_player2, nbr_ball_touch_p1, nbr_ball_touch_p2, duration, is_tournoi, tournoi_id }) + }); + if (!response.ok) { + throw new Error('Network response was not ok'); + } + const data = await response.json(); + return data; + } catch (error) { + console.error('Error creating match:', error); + } + } + + /// THEOUCHE NOT CERTAIN /// + async function handleCheckNickname() { const nickname = nicknameInput.value.trim(); if (nickname) { @@ -161,6 +241,7 @@ document.addEventListener('DOMContentLoaded', () => { document.getElementById('player1-name').textContent = `${player1_name}`; document.getElementById('player2-name').textContent = `${player2_name}`; document.addEventListener('keydown', handleKeyDown); + } function handleKeyDown(event) { diff --git a/pong/static/index.html b/pong/static/index.html index 1aad5b6..5f8b5a9 100644 --- a/pong/static/index.html +++ b/pong/static/index.html @@ -26,7 +26,7 @@ - + From e7797eac2cbbf1f6f196e922eae52f9364cc4240 Mon Sep 17 00:00:00 2001 From: CHIBOUB Chakib Date: Wed, 24 Jul 2024 22:29:48 +0200 Subject: [PATCH 07/12] added a BOT player, and some fixes in the game logic --- README.md | 0 makefile | 4 +-- pong/game/game.py | 48 ++++++++++++++++++------------ pong/game/matchmaking.py | 63 +++++++++++++++++++++++++++++----------- 4 files changed, 78 insertions(+), 37 deletions(-) delete mode 100644 README.md diff --git a/README.md b/README.md deleted file mode 100644 index e69de29..0000000 diff --git a/makefile b/makefile index 01c2990..c4059e1 100644 --- a/makefile +++ b/makefile @@ -2,12 +2,12 @@ COMPOSE_FILE=docker-compose.yaml COMPOSE=docker compose -f $(COMPOSE_FILE) CONTAINER=$(c) -up: +up: down sudo mkdir -p data/db $(COMPOSE) build $(COMPOSE) up $(CONTAINER) -build: +build: $(COMPOSE) build $(CONTAINER) start: diff --git a/pong/game/game.py b/pong/game/game.py index 6162d6b..f6eef12 100644 --- a/pong/game/game.py +++ b/pong/game/game.py @@ -9,9 +9,10 @@ class Game: self.game_id = game_id self.player1 = player1 self.player2 = player2 + self.botgame = player2 is None self.game_state = { 'player1_name': player1.user.username, - 'player2_name': player2.user.username, + 'player2_name': player2.user.username if player2 else 'BOT', 'player1_position': 150, 'player2_position': 150, 'ball_position': {'x': 390, 'y': 190}, @@ -28,37 +29,49 @@ class Game: async def game_loop(self): while True: + if self.botgame: + await self.update_bot_position() self.update_game_state() await self.send_game_state() - await asyncio.sleep(1/60) # 60 FPS + await asyncio.sleep(1/60) # Around 60 FPS + + # The amazing AI BOT player + async def update_bot_position(self): + target_y = self.game_state['ball_position']['y'] + if self.game_state['player2_position'] < target_y < self.game_state['player2_position'] + 80: + pass + elif self.game_state['player2_position'] < target_y: + self.game_state['player2_position'] = min(self.game_state['player2_position'] + (5 * self.speed), 300) + elif self.game_state['player2_position'] + 80 > target_y: + self.game_state['player2_position'] = max(self.game_state['player2_position'] - (5 * self.speed), 0) def update_game_state(self): # Update ball position self.game_state['ball_position']['x'] += self.game_state['ball_velocity']['x'] self.game_state['ball_position']['y'] += self.game_state['ball_velocity']['y'] - # Check for collisions with top and bottom walls if self.game_state['ball_position']['y'] <= 10 or self.game_state['ball_position']['y'] >= 390: self.game_state['ball_velocity']['y'] *= -1 - + # Check for collisions with paddles + if self.game_state['ball_position']['x'] <= 20 and \ + self.game_state['player1_position'] - 10 <= self.game_state['ball_position']['y'] <= self.game_state['player1_position'] + 90: + if self.game_state['ball_velocity']['x'] < 0: + self.game_state['ball_velocity']['x'] *= -1 + self.update_ball_velocity() + elif self.game_state['ball_position']['x'] >= 760 and \ + self.game_state['player2_position'] - 10 <= self.game_state['ball_position']['y'] <= self.game_state['player2_position'] + 90: + if self.game_state['ball_velocity']['x'] > 0: + self.game_state['ball_velocity']['x'] *= -1 + self.update_ball_velocity() # Check for scoring if self.game_state['ball_position']['x'] <= 10: self.game_state['player2_score'] += 1 self.reset_ball() elif self.game_state['ball_position']['x'] >= 790: self.game_state['player1_score'] += 1 + print(f"*** Ball in position ({self.game_state['ball_position']['x']},{self.game_state['ball_position']['y']}) with a speed ratio of {self.speed}") self.reset_ball() - # Check for collisions with paddles - if self.game_state['ball_position']['x'] <= 20 and \ - self.game_state['player1_position'] <= self.game_state['ball_position']['y'] <= self.game_state['player1_position'] + 80: - self.update_ball_velocity() - self.game_state['ball_velocity']['x'] *= -1 - elif self.game_state['ball_position']['x'] >= 760 and \ - self.game_state['player2_position'] <= self.game_state['ball_position']['y'] <= self.game_state['player2_position'] + 80: - self.update_ball_velocity() - self.game_state['ball_velocity']['x'] *= -1 - def reset_ball(self): self.game_state['ball_position'] = {'x': 390, 'y': 190} self.game_state['ball_velocity'] = {'x': random.choice([-5, 5]), 'y': random.choice([-5, 5])} @@ -68,8 +81,6 @@ class Game: self.speed += 0.05 if self.speed > 2: self.speed = 2 - else: - print(f"Ball velocity: {self.speed}") self.game_state['ball_velocity']['x'] *= self.speed if self.game_state['ball_velocity']['x'] < -10: self.game_state['ball_velocity']['x'] = -10 @@ -87,7 +98,8 @@ class Game: 'game_state': self.game_state }) await self.player1.send(message) - await self.player2.send(message) + if not self.botgame: + await self.player2.send(message) async def handle_key_press(self, player, key): if player == self.player1: @@ -99,7 +111,7 @@ class Game: self.game_state['player1_position'] += 25 if self.game_state['player1_position'] > 300: self.game_state['player1_position'] = 300 - elif player == self.player2: + elif not self.botgame and player == self.player2: if key == 'arrowup': self.game_state['player2_position'] -= 25 if self.game_state['player2_position'] < 0: diff --git a/pong/game/matchmaking.py b/pong/game/matchmaking.py index bd96aa2..5c41298 100644 --- a/pong/game/matchmaking.py +++ b/pong/game/matchmaking.py @@ -9,6 +9,8 @@ class MatchMaker: self.waiting_players = [] self.active_games = {} self.matching_task = None + self.timer = 0 + self.botgame = False async def add_player(self, player): if player not in self.waiting_players: @@ -27,10 +29,17 @@ class MatchMaker: player1 = self.waiting_players.pop(0) player2 = self.waiting_players.pop(0) print(f"MATCH FOUND: {player1.user.username} vs {player2.user.username}") - game_id = await self.create_game(player1, player2) + await self.create_game(player1, player2) else: - # No players to match, wait for a short time before checking again await asyncio.sleep(1) + self.timer += 1 + # Waiting for more than 30s -> BOT game + if self.timer >= 30: + player1 = self.waiting_players.pop(0) + print(f"MATCH FOUND: {player1.user.username} vs BOT") + self.botgame = True + self.timer = 0 + await self.create_bot_game(player1) async def create_game(self, player1, player2): game_id = len(self.active_games) + 1 @@ -39,27 +48,47 @@ class MatchMaker: self.active_games[game_id] = new_game await self.notify_players(player1, player2, game_id) asyncio.create_task(new_game.start_game()) - return game_id + + async def create_bot_game(self, player1): + game_id = len(self.active_games) + 1 + print(f"- Creating BOT game: {game_id}") + new_game = Game(game_id, player1, None) + self.active_games[game_id] = new_game + await self.notify_players(player1, None, game_id) + asyncio.create_task(new_game.start_game()) + async def notify_players(self, player1, player2, game_id): - await player1.send(json.dumps({ - 'type': 'game_start', - 'game_id': game_id, - 'player1': player1.user.username, - 'player2': player2.user.username - })) - await player2.send(json.dumps({ - 'type': 'game_start', - 'game_id': game_id, - 'player1': player1.user.username, - 'player2': player2.user.username - })) + if player2: + await player1.send(json.dumps({ + 'type': 'game_start', + 'game_id': game_id, + 'player1': player1.user.username, + 'player2': player2.user.username + })) + await player2.send(json.dumps({ + 'type': 'game_start', + 'game_id': game_id, + 'player1': player1.user.username, + 'player2': player2.user.username + })) + else: + await player1.send(json.dumps({ + 'type': 'game_start', + 'game_id': game_id, + 'player1': player1.user.username, + 'player2': 'BOT' + })) async def handle_key_press(self, player, key): for game in self.active_games.values(): - if player in [game.player1, game.player2]: + if not self.botgame: + if player in [game.player1, game.player2]: + await game.handle_key_press(player, key) + break + else: await game.handle_key_press(player, key) - break + break # Instance of the class match_maker = MatchMaker() From 18c6580ae3129df6ee00d70679cb3bfa2e314328 Mon Sep 17 00:00:00 2001 From: CHIBOUB Chakib Date: Sun, 28 Jul 2024 23:09:09 +0200 Subject: [PATCH 08/12] Server now can handle multiple games at once, and closes game routine when someone disconnects --- pong/game/consumers.py | 16 +++++++++--- pong/game/game.py | 53 ++++++++++++++++++++++++++-------------- pong/game/matchmaking.py | 28 ++++++++++++--------- pong/static/game.js | 4 +++ 4 files changed, 67 insertions(+), 34 deletions(-) diff --git a/pong/game/consumers.py b/pong/game/consumers.py index 8495636..b473ece 100644 --- a/pong/game/consumers.py +++ b/pong/game/consumers.py @@ -4,20 +4,23 @@ import json from channels.generic.websocket import AsyncWebsocketConsumer from django.contrib.auth.models import User from channels.db import database_sync_to_async -from .matchmaking import match_maker # Import the match_maker instance +from .matchmaking import match_maker class GameConsumer(AsyncWebsocketConsumer): async def connect(self): await self.accept() + self.game = None print("User connected") async def receive(self, text_data): data = json.loads(text_data) - #print(f"MESSAGE RECEIVED: {data['type']}") if data['type'] == 'authenticate': await self.authenticate(data['token']) elif data['type'] == 'key_press': - await match_maker.handle_key_press(self, data['key']) + if self.game: + await self.game.handle_key_press(self, data['key']) + else: + await match_maker.handle_key_press(self, data['key']) async def authenticate(self, token): user = await self.get_user_from_token(token) @@ -43,5 +46,10 @@ class GameConsumer(AsyncWebsocketConsumer): await match_maker.add_player(self) async def disconnect(self, close_code): + if self.game: + await self.game.end_game(disconnected_player=self) await match_maker.remove_player(self) - print(f"User {self.user} disconnected") + print(f"User {self.user.username if hasattr(self, 'user') else 'Unknown'} disconnected") + + async def set_game(self, game): + self.game = game diff --git a/pong/game/game.py b/pong/game/game.py index f6eef12..d7244f9 100644 --- a/pong/game/game.py +++ b/pong/game/game.py @@ -22,9 +22,10 @@ class Game: } self.speed = 1 self.game_loop_task = None + self.ended = False async def start_game(self): - print(f"- Game {self.game_id} START") + print(f"- Game #{self.game_id} STARTED") self.game_loop_task = asyncio.create_task(self.game_loop()) async def game_loop(self): @@ -35,7 +36,6 @@ class Game: await self.send_game_state() await asyncio.sleep(1/60) # Around 60 FPS - # The amazing AI BOT player async def update_bot_position(self): target_y = self.game_state['ball_position']['y'] if self.game_state['player2_position'] < target_y < self.game_state['player2_position'] + 80: @@ -69,7 +69,6 @@ class Game: self.reset_ball() elif self.game_state['ball_position']['x'] >= 790: self.game_state['player1_score'] += 1 - print(f"*** Ball in position ({self.game_state['ball_position']['x']},{self.game_state['ball_position']['y']}) with a speed ratio of {self.speed}") self.reset_ball() def reset_ball(self): @@ -93,6 +92,8 @@ class Game: self.game_state['ball_velocity']['y'] = 10 async def send_game_state(self): + if self.ended: + return message = json.dumps({ 'type': 'game_state_update', 'game_state': self.game_state @@ -102,26 +103,40 @@ class Game: await self.player2.send(message) async def handle_key_press(self, player, key): + if self.ended: + return if player == self.player1: if key == 'arrowup': - self.game_state['player1_position'] -= 25 - if self.game_state['player1_position'] < 0: - self.game_state['player1_position'] = 0 + self.game_state['player1_position'] = max(self.game_state['player1_position'] - 25, 0) elif key == 'arrowdown': - self.game_state['player1_position'] += 25 - if self.game_state['player1_position'] > 300: - self.game_state['player1_position'] = 300 + self.game_state['player1_position'] = min(self.game_state['player1_position'] + 25, 300) elif not self.botgame and player == self.player2: if key == 'arrowup': - self.game_state['player2_position'] -= 25 - if self.game_state['player2_position'] < 0: - self.game_state['player2_position'] = 0 + self.game_state['player2_position'] = max(self.game_state['player2_position'] - 25, 0) elif key == 'arrowdown': - self.game_state['player2_position'] += 25 - if self.game_state['player2_position'] > 300: - self.game_state['player2_position'] = 300 + self.game_state['player2_position'] = min(self.game_state['player2_position'] + 25, 300) - async def end_game(self): - if self.game_loop_task: - self.game_loop_task.cancel() - # Add any cleanup code here \ No newline at end of file + async def end_game(self, disconnected_player=None): + if not self.ended: + self.ended = True + if self.game_loop_task: + self.game_loop_task.cancel() + print(f"- Game #{self.game_id} ENDED") + # Notify that one player left the game + if disconnected_player: + remaining_player = self.player2 if disconnected_player == self.player1 else self.player1 + disconnected_name = disconnected_player.user.username + message = json.dumps({ + 'type': 'player_disconnected', + 'player': disconnected_name + }) + if not self.botgame: + await remaining_player.send(message) + # Notify both players that the game has ended + end_message = json.dumps({ + 'type': 'game_ended', + 'game_id': self.game_id + }) + await self.player1.send(end_message) + if not self.botgame: + await self.player2.send(end_message) diff --git a/pong/game/matchmaking.py b/pong/game/matchmaking.py index 5c41298..ab6b21e 100644 --- a/pong/game/matchmaking.py +++ b/pong/game/matchmaking.py @@ -22,42 +22,52 @@ class MatchMaker: async def remove_player(self, player): if player in self.waiting_players: self.waiting_players.remove(player) + + for game in self.active_games.values(): + if player in [game.player1, game.player2]: + await game.end_game(disconnected_player=player) + del self.active_games[game.game_id] + break async def match_loop(self): while True: if len(self.waiting_players) >= 2: player1 = self.waiting_players.pop(0) player2 = self.waiting_players.pop(0) - print(f"MATCH FOUND: {player1.user.username} vs {player2.user.username}") + print(f"*** MATCH FOUND: {player1.user.username} vs {player2.user.username}") await self.create_game(player1, player2) else: await asyncio.sleep(1) self.timer += 1 # Waiting for more than 30s -> BOT game - if self.timer >= 30: + if self.timer >= 30 and self.waiting_players: player1 = self.waiting_players.pop(0) - print(f"MATCH FOUND: {player1.user.username} vs BOT") + print(f"*** MATCH FOUND: {player1.user.username} vs BOT") self.botgame = True self.timer = 0 await self.create_bot_game(player1) + if not self.waiting_players: + break async def create_game(self, player1, player2): game_id = len(self.active_games) + 1 - print(f"- Creating game: {game_id}") + print(f"- Creating game: #{game_id}") new_game = Game(game_id, player1, player2) self.active_games[game_id] = new_game + await player1.set_game(new_game) + await player2.set_game(new_game) await self.notify_players(player1, player2, game_id) asyncio.create_task(new_game.start_game()) async def create_bot_game(self, player1): game_id = len(self.active_games) + 1 - print(f"- Creating BOT game: {game_id}") + print(f"- Creating BOT game: #{game_id}") new_game = Game(game_id, player1, None) self.active_games[game_id] = new_game + await player1.set_game(new_game) await self.notify_players(player1, None, game_id) asyncio.create_task(new_game.start_game()) - async def notify_players(self, player1, player2, game_id): if player2: await player1.send(json.dumps({ @@ -82,11 +92,7 @@ class MatchMaker: async def handle_key_press(self, player, key): for game in self.active_games.values(): - if not self.botgame: - if player in [game.player1, game.player2]: - await game.handle_key_press(player, key) - break - else: + if player in [game.player1, game.player2]: await game.handle_key_press(player, key) break diff --git a/pong/static/game.js b/pong/static/game.js index 6f83af0..7338ecc 100644 --- a/pong/static/game.js +++ b/pong/static/game.js @@ -170,6 +170,10 @@ document.addEventListener('DOMContentLoaded', () => { startGame(data.game_id, data.player1, data.player2); } else if (data.type === 'game_state_update') { updateGameState(data.game_state); + } else if (data.type === 'player_disconnected') { + console.log("Player disconnected:", data.player); + } else if (data.type === 'game_ended') { + console.log("Game ended:", data.game_id); } else if (data.type === 'error') { console.error(data.message); } else { From 9e950a361a2ea861467a9ad835d3bd47d0ccbf84 Mon Sep 17 00:00:00 2001 From: Theouche Date: Mon, 29 Jul 2024 18:03:23 +0200 Subject: [PATCH 09/12] a lot useless fonction, need to add chakib branch and erase useless fonction --- pong/game/utils.py | 127 +++++++++++++++++++++++++++----------------- pong/static/game.js | 1 + 2 files changed, 80 insertions(+), 48 deletions(-) diff --git a/pong/game/utils.py b/pong/game/utils.py index add9877..eeb7107 100644 --- a/pong/game/utils.py +++ b/pong/game/utils.py @@ -1,5 +1,8 @@ from .models import Player, Tournoi, Match from django.core.exceptions import ValidationError +from django.shortcuts import get_object_or_404 +from django.db.models import Max, Sum, F +from datetime import timedelta def create_player( name, @@ -63,6 +66,82 @@ def create_match(player1, player2, score_player1, score_player2, nbr_ball_touch_ match.save() return match + +def player_statistics(player_name): + player = get_object_or_404(Player, name=player_name) + + # Filtrer les matchs où le joueur est joueur 1 ou joueur 2 + matches_as_player1 = Match.objects.filter(player1=player) + matches_as_player2 = Match.objects.filter(player2=player) + + # Calculer les statistiques + total_match = matches_as_player1.count() + matches_as_player2.count() + + if total_match == 0: + # Eviter la division par zéro + player.total_match = total_match + player.total_win = 0 + player.p_win = 0 + player.m_score_match = 0 + player.m_score_adv_match = 0 + player.best_score = 0 + player.m_nbr_ball_touch = 0 + player.total_duration = timedelta() + player.m_duration = timedelta() + player.num_participated_tournaments = 0 + player.num_won_tournaments = 0 + player.save() + return + + won_matches = Match.objects.filter(winner=player) + part_tourn_as_p1 = Tournoi.objects.filter(matches__is_tournoi=True, matches__matches_as_player1=player) + part_tourn_as_p2 = Tournoi.objects.filter(matches__is_tournoi=True, matches__matches_as_player2=player) + won_tourn = Tournoi.objects.filter(winner=player) + + total_score = matches_as_player1.aggregate(Sum('score_player1'))['score_player1__sum'] or 0 + total_score += matches_as_player2.aggregate(Sum('score_player2'))['score_player2__sum'] or 0 + + total_score_adv = matches_as_player1.aggregate(Sum('score_player2'))['score_player2__sum'] or 0 + total_score_adv += matches_as_player2.aggregate(Sum('score_player1'))['score_player1__sum'] or 0 + + total_win = won_matches.count() + p_win = (total_win / total_match) * 100 + + m_score_match = total_score / total_match + m_score_adv_match = total_score_adv / total_match + + nbr_ball_touch = matches_as_player1.aggregate(Sum('nbr_ball_touch_p1'))['nbr_ball_touch_p1__sum'] or 0 + nbr_ball_touch += matches_as_player2.aggregate(Sum('nbr_ball_touch_p2'))['nbr_ball_touch_p2__sum'] or 0 + m_nbr_ball_touch = nbr_ball_touch / total_match + + total_duration = matches_as_player1.aggregate(Sum('duration'))['duration__sum'] or timedelta() + total_duration += matches_as_player2.aggregate(Sum('duration'))['duration__sum'] or timedelta() + m_duration = total_duration / total_match + + total_tourn_p = part_tourn_as_p1.count() + part_tourn_as_p2.count() + total_win_tourn = won_tourn.count() + p_win_tourn = (total_win_tourn / total_tourn_p) * 100 if total_tourn_p else 0 + + best_score_as_player1 = matches_as_player1.aggregate(Max('score_player1'))['score_player1__max'] or 0 + best_score_as_player2 = matches_as_player2.aggregate(Max('score_player2'))['score_player2__max'] or 0 + best_score = max(best_score_as_player1, best_score_as_player2) + + # Mettre à jour les champs du joueur + player.total_match = total_match + player.total_win = total_win + player.p_win = p_win + player.m_score_match = m_score_match + player.m_score_adv_match = m_score_adv_match + player.best_score = best_score + player.m_nbr_ball_touch = m_nbr_ball_touch + player.total_duration = total_duration + player.m_duration = m_duration + player.num_participated_tournaments = total_tourn_p + player.num_won_tournaments = total_win_tourn + + player.save() + + """ def complete_match(match_id, score_player1, score_player2, nbr_ball_touch_p1, nbr_ball_touch_p2, duration): try: match = Match.objects.get(id=match_id) @@ -95,54 +174,6 @@ def create_match(player1, player2, score_player1, score_player2, nbr_ball_touch_ tournoi.save() return tournoi """ -def player_statistics(request, player_name): - player = get_object_or_404(Player, nam = player_name) - - #filtre on tab - matches_as_player1 = Match.objects.filter(player1=player) - matches_as_player2 = Match.objects.filter(player2=player) - won_matches = Match.objects.filter(winner=player) - part_tourn_as_p1 = Tournoi.objects.filter(matches__is_tournoi=True, matches__player1=player) - part_tourn_as_p2 = Tournoi.objects.filter(matches__is_tournoi=True, matches__player2=player) - won_tourn = Tournoi.objects.filter(winner=player) - - # calulate stat - total_match = match_as_player1.count() + match_as_player2.count() - total_score = sum([match.score_player1 for match in matches_as_player1 ]) + sum([match.score_player2 for match in matches_as_player2]) - total_score_adv = sum([match.score_player2 for match in matches_as_player1 ]) + sum([match.score_player1 for match in matches_as_player2]) - total_win = won_matches.count() - p_win = (total_win / total_match) * 100 - m_score_match = total_score / total_match - m_score_adv_match = total_score_adv / total_match - nbr_ball_touch = sum([match.nbr_ball_touch_p1 for match in matches_as_player1]) + sum([match.nbr_ball_touch_p2 for match in matches_as_player2]) - m_nbr_ball_touch = nbr_ball_touch / total_match - total_duration = sum([match.duration for match in matches_as_player1]) + sum(match.duration for match in matches_as_player2) - m_duration = total_duration / total_match - total_tourn_p = part_tourn_as_p1.count() + part_tourn_as_p2.count() - total_win_tourn = won_tourn.count() - p_win_tourn = (total_win_tourn / total_tourn_p) * 100 - - best_score_as_player1 = matches_as_player1.aggregate(Max('score_player1'))['score_player1__max'] - best_score_as_player2 = matches_as_player2.aggregate(Max('score_player2'))['score_player2__max'] - best_score = max(best_score_as_player1, best_score_as_player2) - - data = { - 'player_name': player.name, - 'number of match played' : total_match, - 'number of win (matches)' : total_win, - 'pourcentage of victory' : p_win, - 'mean score per match' : m_score_match, - 'mean score adv per match' : m_score_adv_match, - 'best score' : best_score, - 'mean nbr ball touch' : m_nbr_ball_touch, - 'total duration played' : total_duration, - 'mean duration per match' : m_duration, - 'num_participated_tournaments': num_participated_tournaments, - 'num_won_tournaments': num_won_tournaments - } - - return data - diff --git a/pong/static/game.js b/pong/static/game.js index 2287657..57f0ccb 100644 --- a/pong/static/game.js +++ b/pong/static/game.js @@ -140,6 +140,7 @@ document.addEventListener('DOMContentLoaded', () => { try { const result = await registerUser(nickname, password); if (result) { + //await createPlayer(nickname); registerForm.style.display = 'none'; gameContainer.style.display = 'flex'; startWebSocketConnection(token); From f4834afbcfded4334cff562f523acbf2873d41a3 Mon Sep 17 00:00:00 2001 From: estellon Date: Tue, 30 Jul 2024 16:49:02 +0200 Subject: [PATCH 10/12] yannick_html --- pong/static/index.html | 35 +++++++++ pong/static/logo-42-perpignan.png | Bin 0 -> 5912 bytes pong/static/styles.css | 118 +++++++++++++++++++++++++++++- 3 files changed, 149 insertions(+), 4 deletions(-) create mode 100644 pong/static/logo-42-perpignan.png diff --git a/pong/static/index.html b/pong/static/index.html index 1aad5b6..07a0e9b 100644 --- a/pong/static/index.html +++ b/pong/static/index.html @@ -6,8 +6,27 @@ Pong Game + +
+
+
+ +
+
+
+
+
+
+
+
+ +
+

BIENVENUE DANS LE PONG 42

+
@@ -25,6 +44,7 @@
+
+ diff --git a/pong/static/logo-42-perpignan.png b/pong/static/logo-42-perpignan.png new file mode 100644 index 0000000000000000000000000000000000000000..d91cd1fdf1da6f33dbc52a7600762b165c1424f3 GIT binary patch literal 5912 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 literal 0 HcmV?d00001 diff --git a/pong/static/styles.css b/pong/static/styles.css index 1dfd64b..c07dbd0 100644 --- a/pong/static/styles.css +++ b/pong/static/styles.css @@ -1,15 +1,17 @@ /* General styles */ -body { +body, html { font-family: Arial, sans-serif; - color: #ffffff; - background-color: #000000; + color: #00ffff; + background-color: #0a0a2a; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; - height: 100vh; + height: 100%; + overflow: hidden; + } label { @@ -111,3 +113,111 @@ button { border-radius: 50%; position: absolute; } + +.logo { + position: absolute; + top: 20px; + left: 20px; + font-size: 3rem; + color: #00ffff; + text-shadow: 0 0 15px #00ffff; + z-index: 20; +} + +.stars { + position: absolute; + width: 100%; + height: 100%; +} + +.star { + position: absolute; + background-color: #ffffff; + border-radius: 50%; + animation: twinkle 2s infinite alternate; +} + +.background { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 0; + pointer-events: none; +} + +.pong-elements { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + z-index: 5; + pointer-events: none; +} + +.paddle { + position: absolute; + width: 20px; + height: 100px; + background-color: #00ffff; + border-radius: 10px; + box-shadow: 0 0 15px #00ffff; +} + +.paddle-left { + left: 50px; + animation: paddleMove 5s infinite alternate ease-in-out; +} + +.paddle-right { + right: 50px; + animation: paddleMove 4s infinite alternate-reverse ease-in-out; +} + +.ball_anim { + position: absolute; + width: 30px; + height: 30px; + background-color: #00ffff; + border-radius: 50%; + box-shadow: 0 0 20px #00ffff; + left: 80px; + top: 50%; + transform-style: preserve-3d; + animation: ballMove 3s linear infinite; +} + +@keyframes paddleMove { + 0% { transform: translateY(10vh); } + 100% { transform: translateY(70vh); } +} + +@keyframes ballMove { + 0% { + transform: translateZ(0) scale(1); + } + 50% { + transform: translateZ(-500px) scale(0.5); + } + 100% { + transform: translateZ(0) scale(1); + } +} + +.input-container { + margin-bottom: 2rem; +} + +.container { + text-align: center; + background-color: rgba(0, 0, 40, 0.8); + padding: 3rem; + border-radius: 15px; + border: 3px solid #00ffff; + box-shadow: 0 0 30px #00ffff, inset 0 0 20px #00ffff; + position: relative; + z-index: 10; + max-width: 80%; +} \ No newline at end of file From eedf17ddc0c04fc1d63bf93c2a120ac696512ad3 Mon Sep 17 00:00:00 2001 From: Theouche Date: Tue, 30 Jul 2024 16:52:16 +0200 Subject: [PATCH 11/12] Waiting last fonction Chaku, normally, everithing work --- pong/game/game.py | 1 + pong/game/urls.py | 3 --- pong/game/utils.py | 27 ++++++++++++++++++++++----- 3 files changed, 23 insertions(+), 8 deletions(-) diff --git a/pong/game/game.py b/pong/game/game.py index d7244f9..fc234ec 100644 --- a/pong/game/game.py +++ b/pong/game/game.py @@ -140,3 +140,4 @@ class Game: await self.player1.send(end_message) if not self.botgame: await self.player2.send(end_message) + #endfortheouche(p1, p2, s_p1, s_p2, winner, bt_p1, bt_p2, dur, is_tournoi, name_tournament) diff --git a/pong/game/urls.py b/pong/game/urls.py index 43f7305..570f027 100644 --- a/pong/game/urls.py +++ b/pong/game/urls.py @@ -9,9 +9,6 @@ urlpatterns = [ path('check_user_exists/', views.check_user_exists, name='check_user_exists'), path('register_user/', views.register_user, name='register_user'), path('authenticate_user/', views.authenticate_user, name='authenticate_user'), - path('create_player/', views.create_player_view, name='create_player'), - path('create_tournoi/', views.create_tournoi_view, name='create_tournoi'), - path('create_match/', views.create_match_view, name='create_match'), path('players/', player_list, name='player_list'), path('matches/', match_list, name='match_list'), path('tournois/', tournoi_list, name='tournoi_list'), diff --git a/pong/game/utils.py b/pong/game/utils.py index eeb7107..c6655ee 100644 --- a/pong/game/utils.py +++ b/pong/game/utils.py @@ -4,6 +4,23 @@ from django.shortcuts import get_object_or_404 from django.db.models import Max, Sum, F from datetime import timedelta +def endfortheouche(p1, p2, s_p1, s_p2, winner, bt_p1, bt_p2, dur, is_tournoi, name_tournament) : + #If he doesn't exist, create player p1 + if not Player.objects.filter(name=p1).exist(): + create_player(p1) + + #If he doesn't exist, create player p2 + if not Player.objects.filter(name=p2).exist(): + create_player(p2) + + #create Match + create_match(p1, p2, s_p1, s_p2, bt_p1, bt_p2, dur, is_tournoi, name_tournamenttournoi) + + #Update data p1 et p2 + uptdate_player_statistics(p1) + uptdate_player_statistics(p2) + + def create_player( name, total_match=0, @@ -67,7 +84,7 @@ def create_match(player1, player2, score_player1, score_player2, nbr_ball_touch_ return match -def player_statistics(player_name): +def uptdate_player_statistics(player_name): player = get_object_or_404(Player, name=player_name) # Filtrer les matchs où le joueur est joueur 1 ou joueur 2 @@ -118,10 +135,10 @@ def player_statistics(player_name): total_duration += matches_as_player2.aggregate(Sum('duration'))['duration__sum'] or timedelta() m_duration = total_duration / total_match - total_tourn_p = part_tourn_as_p1.count() + part_tourn_as_p2.count() + """ total_tourn_p = part_tourn_as_p1.count() + part_tourn_as_p2.count() total_win_tourn = won_tourn.count() p_win_tourn = (total_win_tourn / total_tourn_p) * 100 if total_tourn_p else 0 - + """ best_score_as_player1 = matches_as_player1.aggregate(Max('score_player1'))['score_player1__max'] or 0 best_score_as_player2 = matches_as_player2.aggregate(Max('score_player2'))['score_player2__max'] or 0 best_score = max(best_score_as_player1, best_score_as_player2) @@ -136,8 +153,8 @@ def player_statistics(player_name): player.m_nbr_ball_touch = m_nbr_ball_touch player.total_duration = total_duration player.m_duration = m_duration - player.num_participated_tournaments = total_tourn_p - player.num_won_tournaments = total_win_tourn + """ player.num_participated_tournaments = total_tourn_p + player.num_won_tournaments = total_win_tourn """ player.save() From 3564ef6ee24b451f88a80dffa8b3a475c15c42ee Mon Sep 17 00:00:00 2001 From: estellon Date: Tue, 30 Jul 2024 18:52:14 +0200 Subject: [PATCH 12/12] ball --- pong/static/game.js | 24 +++++++----- pong/static/index.html | 84 +++++++++++++++++++++--------------------- pong/static/styles.css | 44 +++++++++++++++++----- 3 files changed, 91 insertions(+), 61 deletions(-) diff --git a/pong/static/game.js b/pong/static/game.js index 8c5a1b1..b7d38cb 100644 --- a/pong/static/game.js +++ b/pong/static/game.js @@ -10,6 +10,8 @@ document.addEventListener('DOMContentLoaded', () => { const loginPasswordInput = document.getElementById('login-password'); const loginForm = document.getElementById('login-form'); const registerForm = document.getElementById('register-form'); + const formBlock = document.getElementById('block-form'); + let socket; let token; @@ -17,7 +19,7 @@ document.addEventListener('DOMContentLoaded', () => { // Auto-focus and key handling for AUTH-FORM nicknameInput.focus(); - nicknameInput.addEventListener('keypress', function(event) { + nicknameInput.addEventListener('keypress', function (event) { if (event.key === 'Enter') { event.preventDefault(); checkNicknameButton.click(); @@ -52,15 +54,15 @@ document.addEventListener('DOMContentLoaded', () => { num_won_tournaments: numWonTournaments }) }); - + if (!response.ok) { const errorData = await response.json(); throw new Error(errorData.error || 'Network response was not ok'); } - + const data = await response.json(); return data; - + } catch (error) { // Afficher l'erreur avec un message plus spécifique console.error('Error creating player:', error.message); @@ -118,28 +120,28 @@ document.addEventListener('DOMContentLoaded', () => { loginForm.style.display = 'block'; // Auto-focus and key handling for LOGIN-FORM loginPasswordInput.focus(); - loginPasswordInput.addEventListener('keypress', function(event) { + loginPasswordInput.addEventListener('keypress', function (event) { if (event.key === 'Enter') { event.preventDefault(); loginButton.click(); } - }); + }); } else { authForm.style.display = 'none'; registerForm.style.display = 'block'; // Auto-focus and key handling for REGISTER-FORM passwordInput.focus(); - passwordInput.addEventListener('keypress', function(event) { + passwordInput.addEventListener('keypress', function (event) { if (event.key === 'Enter') { confirmPasswordInput.focus(); - confirmPasswordInput.addEventListener('keypress', function(event) { + confirmPasswordInput.addEventListener('keypress', function (event) { if (event.key === 'Enter') { event.preventDefault(); registerButton.click(); } - }); + }); } - }); + }); } } catch (error) { console.error('Error checking user existence:', error); @@ -173,6 +175,7 @@ document.addEventListener('DOMContentLoaded', () => { //await createPlayer(nickname); registerForm.style.display = 'none'; gameContainer.style.display = 'flex'; + formBlock.style.display = 'none'; startWebSocketConnection(token); } else { alert('Registration failed. Please try again.'); @@ -208,6 +211,7 @@ document.addEventListener('DOMContentLoaded', () => { if (result) { loginForm.style.display = 'none'; gameContainer.style.display = 'flex'; + formBlock.style.display = 'none'; startWebSocketConnection(token); } else { alert('Authentication failed. Please try again.'); diff --git a/pong/static/index.html b/pong/static/index.html index e2ff4ed..63fc79c 100644 --- a/pong/static/index.html +++ b/pong/static/index.html @@ -1,6 +1,7 @@ {% load static %} + @@ -9,42 +10,42 @@ -
-
-
- -
-
-
-
-
+ +
- -
-

BIENVENUE DANS LE PONG 42

-
-
- - - +
+
+
+
- +