AirSoccer_in_Js-Html WITH AI

[French] Projet AirSoccer en Javascript et Html avec IA
[English] Projet AirSoccer in Javascript and Html with AI

SOMMAIRE / SUMMARY

• Présentation en francais / Presentation in French
• Présentation en anglais / Presentation in English
• Gameplay

[PRESENTATION]

[FRANCAIS]

Ce projet est un jeu de football (une sorte de air hockey). Vous contrôlez le joueur rouge avec votre souris, et en déplaçant le curseur, vous pourrez tirer la balle , le but est bien évidemment d'avoir le meilleur score contre l'ordinateur qui possède une IA.

Il faut savoir que la balle rebondit sur les bords de l'écran, et que cette balle, après avoir été touchée, au bout d'un certain temps, commencera à ralentir (sauf si vous tirez de nouveau). De plus, plus vous tirez fort (c'est-à-dire en déplaçant le curseur rapidement), plus le ballon sera rapide.

Un système de score a été mis en place en fonction de si le but a été marqué dans votre camp ou celui adverse, le score se mettra à jour.

Le programme en question est fourni avec des commentaires en francais car c'est ma langue natale. Cela permettra de comprendre l'utilité de certaines fonctions et comment j'ai procédé.

(/!\il se peut que rarement le programme bug si votre curseur est hors de lecran veuillez le redemarrer dans ce cas/!)

Note

[lien pour lancer le jeu en ligne ] : https://d-theprogrammer.github.io/Game-AirSoccer_in_Js-Html_with_AI/

Tip

il faut lancer un serveur Web local dans le répertoire contenant le fichier index.html à l’aide de la commande suivante :

python3 -m http.server 8000

Puis visualiser le résultat en ouvrant la page http://localhost:8000/ dans un navigateur Web

---

[ENGLISH]

This project is a football game (a kind of air hockey). You control the red player with your mouse, and by moving the cursor, you can shoot the ball, the goal is obviously to have the best score against the computer which is using an AI.

You should know that the ball bounces on the edges of the screen, and that this ball, after being hit, after a certain time, will begin to slow down (unless you shoot again). Additionally, the harder you pull (i.e. moving the cursor faster), the faster the ball will be.

A scoring system has been set up depending on whether the goal was scored in your side or the opposing side, the score will be updated.

The program in question is provided with comments in French because it is my native language. This will allow you to understand the usefulness of certain functions and how I proceeded.

(/!\the program may rarely bug if your cursor is off the screen, please restart it in this case/!)

Note

[link to start the game online ] : https://d-theprogrammer.github.io/Game-AirSoccer_in_Js-Html_with_AI/

Tip

you must launch a local Web server in the directory containing the index.html file using the following command:

python3 -m http.server 8000

Then view the result by opening the page http://localhost:8000/ in a web browser

[Gameplay]