Explore the repo »
Request Feature
This is the final project for the Javascript Curriculum.
This project is a game build with the framework Phaser3, I used webpack following the best development practices, using ES6 modules to keep the code clean and organized.
The name of this game is "Desert War Fighters", You can move across the screen and fire up with the spacebar. Your high score can be saved at the end, It connects to an external API to save the high scores. In order to be able to save your high score you need to score at least 50pts and enter a valid name (it needs to contain at least 1 character), then you can enter your name, it would update the high scores to with the position, the score and the name of the player.
Try to beat the high score. Have fun!
You can select between 3 American fighters from WWII, you can play as Mustang, Thunderbolt, or Airacobra pilot. You can move the plane with the arrow keys (up left right and down) and fire with spacebar. Your goal is to be in the first position in the high scoreboard, so as to achieve that you obtain points for every enemy plane you shoot, it can be 50, 75, or 100 points.
P51D Mustang
P47 Thunderbolt
P49 Airacobra
Focke-Wulf Fw 190
Gives you 50 pts
Messerschmitt Bf 109
Gives you 75 pts
Junkers Ju 88
Gives you 100 pts
Deployed with Netlify https://desert-war-fighters.netlify.app/
To get a local copy up and running follow these simple steps.
Clone or fork the repo [git@github.com:redacuve/Shooter-Game-JS.git]
*note you need have install npm or yarn
This project has many folders, also it has many .js files, these files are located inside /src folder, here, you can find this structure:
- game.js here contains all we need to create the game
- /scenes, inside this folder we can find the scenes used for this game
- /entities, here are the entities used in this game, this includes the planes sprites and the gunshots
- /api, here you cand find the code for connecting with an eternal API aiming to save your high score
The tests are located inside the /test folder. Inside the /dist folder you cand find the index.htm and inside are the /assets folder, where all sprites and assets for this game can be found.
-
Navigate to the root directory of the project
-
Run this command on your terminal to add all the required packages and dependencies
$ npm install -
You can test the project with
$ npm run test -
Also, you can build this webpage for production, this app will be saved inside the /dist folder, here we can see a main.js file, this is a minified file of the previous files inside /src folder.
$ npm run build -
Now the app is ready, you can open the index.html inside /dist folder with a live server.
Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.
-
Fork the Project
-
Create your Feature Branch (
git checkout -b feature/AmazingFeature) -
Commit your Changes (
git commit -m 'Add some AmazingFeature') -
Push to the Branch (
git push origin feature/AmazingFeature) -
Open a Pull Request
This project is under the GNU Public License V3. For more information see here
Rey David Cuevas Vela - @redacuve - redacuve@gmail.com -linkedin.com/in/redacuve/
Project Link: github.com/redacuve/Shooter-Game-JS - Tic Tac Toe Project.
To sudro for his great plane images, the luftwaffe, and Usaf-Aircraft
To AirshowStuffVideos for the engines sound.
To drough for the excelent dunes_simple tile.
To La musique de jeu vidéo for the gameover sound.
To fupi for the incledible buttons sounds.
All of this assets are under the CC0 1.0 License.