Web 3

Travaux

Les cours

Création du jeu : Magix





Ce travail consiste à vérifier vos connaissances en JavaScript et PHP en créant un jeu qui se connecte sur le serveur Magix via un API. En concevant votre jeu, vous devrez :

- Utiliser JSON pour échanger des informations avec le serveur.
- Utiliser des objets JavaScript.
- Utiliser AJAX et un API pour vous connecter au serveur.
- Concevoir des animations et une ambiance pour donner vie à votre jeu.
- Utiliser les langages JS, CSS, HTML et PHP.
- Utiliser la base de données MySQL pour la section du guide stratégique

Le jeu est multijoueur, mais le serveur Magix s'occupe d'en faire la gestion lourde. En communiquant avec ce dernier, vous aurez la possibilité de jouer des parties.

Vous devez créer 4 sections à votre site Web :
- La page d'authentification (avec une animation -> appendChild/removeChild + événements)
- La page de lobby (avec les boutons : jouer, pratique et quitter et une animation faite via la balise canvas)
- La page du jeu
- La section du guide stratégique

Le serveur Magix se trouve au lien suivant : https://magix.apps-de-cours.com/server/
L'implémentation d'une version du jeu (thème) se trouve au lien suivant : https://magix.apps-de-cours.com/ . Cependant, vous ne serez pas en mesure de vous connecter sur mon implémentation du jeu. Cela exposerait trop de code.

Le guide stratégique
Le guide stratégique permet à un usager qui est connecté de rédiger de nouveaux articles sur la stratégie du jeu. Un article possède un titre, une date et un contenu (texte). L'auteur doit être en mesure de les modifier et de les supprimer. Par la suite, des visiteurs (non connectés) peuvent consulter les articles et y laisser des commentaires, qui sont visibles à tous. Un commentaire contient un contenu textuel uniquement.
(Vous devez utiliser une base de données MySQL pour cette partie. )
 
Les livrables:
- Vos fichiers Web (html, css, js, php, jpg, etc)
- Votre dossier ".git", qui contient les informations de votre dépôt git.
- Un fichier sql de vos énoncés/créations de tables+base de données+usager
- Un fichier README.md, avec votre nom et expliquant clairement vos animations
 
Autres informations:
- Liste de cartes actuellement disponibles dans le jeu : https://magix.apps-de-cours.com/api/cards
- Nombre de cartes maximales sur le board : 7
- Nombre de cartes maximales dans la main : 8
- Le thème/interface du jeu est au choix. Évidemment, il ne doit pas être trop violent ou inapproprié.
- Regardez la grille de correction (voir plus bas) afin d'avoir une idée d'où seront donnés les points
- Résolution conseillée du jeu: Entre 950 et 1200 pixels de largeur et entre 900 et 1100 pixels de hauteur, ou encore en fonction de la hauteur/largeur de l'écran (comme pour mes versions).
- Voici quelques sites qui vous permettront (je l'espère) de trouver vos sprite sheets :
   - www.spriters-resource.com
   - itch.io/game-assets/free

Remise:
Date à vérifier. C'est également durant ce cours qu'il y aura le tournoi!


Pour envoyer une demande d'assistance à l'enseignant, cliquez ici