Le but du jeu est de réussir à combiner les fruits pour avoir une pastèque à la fin, il ne faut pas dépasser la ligne en haut dans la boîte sinon fin de la partie !
Suika est un jeu qui existe déjà de base et ceci n'est qu'une copie (pas une copie exacte, mais l'idéé et le principe du jeu sont les mêmes).
- Créez un dossier ou vous allez clôner le projet dedans.
- Ouvrez votre terminal et faites des cd jusqu'à accéder au dossier (cd est une commande qui permet de vous déplacer dans les différents dossier de votre ordinateur, normalement quand vous ouvrez votre terminal vous devriez vous trouver dans utilisateur, donc avec votre prénom/nom d'utilisateur).
- Quand vous êtes dans le dossier écrivez ceci :
git clone https://github.com/Samantha1919/suika.git
(ce lien ci est en HTTPS mais vous pouvez clôner la version SSH si besoin)
- Ouvrez votre projet dans VS Code, puis le terminal
- Effectuez ces commandes
cd suika # (vous redirige vers le dossier pour effectuer toutes les actions dans celui-ci)
npm install # (installe les dépendances dans votre projet)
npm run dev # (permet d'initier le projet Vite et d'obtenir le lien localhost)
Si vous avez installé l'extension p-npm effectuez toutes ces commandes à l'aide de pnpm.
- Vous obtenez un lien localhost que vous pouvez copier et coller dans votre navigateur à fin de visualiser votre projet
- Vous avez fini la partie compliquée ! Vous pouvez enfin commencer à modifier votre projet :) !
Pour ce jeu j'utilise la librairie matter-js. J'utilise la version 0.19.0 mais la version utiliséee maintenant est la version stable est la version 0.20.0. Dans la version 0.19.0 on utilisait la classe World mais dans la version stable actuelle on utilise la classe Composite.
Le code de base vient d'un tuto d'un youtubeur appelé paulcode_ et je l'ai modifié. Vous pouvez clôner ce repo mais vous ne pouvez pas vous en attribuer les mérites (sauf si vous effectuez des modifs dessus bien sûr).
L'auteur original du jeu est Aladdin X.
License des images : License gratuite
Site : vecteezy.com
Auteur des icônes des fruits : jumpdailogo
Pour faire tomber un fruit il suffit d'appuyer sur la barre d'espace de ton clavier.
Voici le schéma de fusion des fruits !
- Mathias Martinez
- Georges Serna Duarte
- Andres Castallini & Steven Destro
- Romain Mezghenna
The aim of the game is to combine the fruits so that you end up with a watermelon. You mustn't go over the line at the top of the box, otherwise it's game over!
Suika is a game that already exists and this is just a copy (not an exact copy, but the idea and principle of the game are the same).
- Create a folder in which to clone the project.
- Open your terminal and cd to the folder (cd is a command that allows you to move to different folders on your computer, normally when you open your terminal you should be in user, so with your first name/username).
- When you are in the folder, write this:
git clone https://github.com/Samantha1919/suika.git
(this link is in HTTPS but you can clone the SSH version if you need to)
- Open your project in VS Code, then the terminal
- Run these commands
cd suika # (redirects you to the folder to perform all actions in it)
npm install # (installs the dependencies in your project)
npm run dev # (initiates the Vite project and obtains the localhost link)
If you have installed the p-npm extension, perform all these commands using pnpm.
- You get a localhost link that you can copy and paste into your browser to view your project.
- You've finished the boring bit! You can finally start editing your project :)!
For this game I'm using the matter-js library. I use version 0.19.0 but the version used now is the stable version 0.20.0. In version 0.19.0 we used the World class but in the current stable version we use the Composite class.
The base code comes from a tuto by a youtuber called paulcode_ and I modified it. You can clone this repo but you can't take credit for it (unless you modify it of course).
The original author of the game is Aladdin X.
Image license: Free license
Site: vecteezy.com
Author of fruit icons: jumpdailogo
To make the fruit fall, simply press the space bar on your keyboard.
Here is the diagram of the fruit fusion !
- Mathias Martinez
- Georges Serna Duarte
- Andres Castallini & Steven Destro
- Romain Mezghenna