DameOcles projet du Salon Etudiant
Article précédentNouveautés Novembre 2023 | PythonArticle suivant Mojo, un concurrent de python du coté de l'IA ?
Table des matières
ToggleDameOcles est un projet créer en 1 semaine de 3 étudiants , Nathan Debuire , Paul Carouge et Thibaut Hermy
un site de jeu de dame en ligne pou s’affronter amicalement entre amis .
Dans ce projet ma partie à était la partie fonctionnel des parties . Tout d’abord pour pouvoir jouer une connexion/inscription est nécéssaire :
ensuite une partie peut être héberger ou rejoindre une en cours avec le code de la partie . Un joueur ne peut être que dans une seul partie à la fois , si il tente de revenir dans la création de partie , le code le refait venir dans sa partie en cours :
Voici le contrôleur d’héberger
Le but du code est de créer une partie si il n’est pas déjà dans une partie , puis dans cette partie lier le joueur connecté en tant que Joueur 1 , puis de changer différentes options pour la partie plus tards et ensuite de rediriger la personne vers le plateau .
Et ici le contrôleur de rejoindre , avec le numéro inscrit dans le champ de rejoindre qui est envoyé sur le contrôleur , si le joueur n’a pas de partie alors on utilise le code pour faire rejoindre la partie en tant que joueur 2 puis de lier à la base de données le joueur et enfin le rediriger vers le plateau .
voici à quoi ressemble dans la base de données une partie créer mais en attente d’un deuxième joueur .
Puis le code pour jouer dans une partie :
C’est un code en JavaScript pour gérer toute l’évolution de la partie , le nom des fonctions est assez explicites de leurs utilités .
Une requête est envoyé a l’api pour connaitre l’avancer de la partie toutes les 1 secondes.
Quand les 2 joueurs ont rejoins le Tour passe a 0 , puis tour par tour les fonctions du joueur Noir et Blanc sont les mêmes . Le système pour la connexion en ligne est simple , une colone dans la BDD accepte une valeur JSON , donc à la fin du tour d’un joueur la valeur html du plateau est envoyé dans la colone JSON puis au début du tour est récupérer puis assigné a la valeur html du plateau , et ainsi de suite pour que le plateau s’actualise en tant réel .
Voici le début de Figma, pour chercher une DA pour le site , au fur et à mesure le site et le style a beaucoup changé .
et ici le Trello pour s’organiser sur les différentes tâches dans le groupe .