This is a submission for the Web Game Challenge, Build a Game: Alien Edition
Introduction
I am excited to share my submission for the web game challenge,Xylophia VI: an endless shooter game,
Here,You're a brave agent of CTMA,who is stranded in Xylophia VI,an isolated planet inhabited by malevolent polycerebroxes,you have to survive by fighting them,until help arrives.
What I Built
I have built an endless shooter game,where you're an agent of CTMA(cosmic threat management agency),you crash land on Xylophia VI,while going for an investigation in the planet,you have no other choices but to stay in the planet,until help arrives,but the planet is inhabited by hostile polycerebroxes,you have to fight them to survive on the planet as long as possible!
I Have Used Phaser 3 to simplify the development process,
Also it's my first time using it so it was a great learning experience also!
Game Play Mechanics & Features:
•Player Movement & Joystick Controls: I have used Phasers Built-in Graphics To create a Basic Joystick,By Which You Control The Player.
•Player Attacks: You can just tap the screen to shoot projectiles,you can kill polycerebroxes by them,after getting killed,each alien,respawns after sometime.
•Health Pack: You'll also get health packs which shows up randomly and increases your health,you can only use it when your health is less than 120.
•Enemy behaviour: i have implemented simple enemy AI,
The polycerebroxes chases you whenever you're close,also i have implemented,co operative attacks,where multiple enemies,works together to attack you!,the enemies gets destroyed once they complete there attack,once every minute,a large wave of enemies attack you including a boss enemy.
•Scoring & High Score System: Your score is determined by your kill count,and also highest kills are stored,I have used local storage to store high score data.
•player levels: I have implemented a very simple player level progression system,in which the player have to gain experience points by playing and levels are determined by exp points,
Difficulty increases with increasing level!.
screenshots
Technologies Used:
1.javascript
2.Phaser 3.85
3.HTML5
Compatibility:
I have made & optimised the game specially for mobile phones,so playing it on desktop can cause screen issues, specially with placement of game UI & joystick controls,
So i request you to use a mobile device to play this game.
Demo
Click Here To Play!
You can check the source code on my GitHub Repository
Journey
I loved top down shooter games and I was just learning about Phaser when I got to know about the web game dev challenge,I first decided to create a top down shooter game,using my knowledge of phaser,i created the first game.js file and created the prototype for the game,and later with the help of tutorials and ai,and my own creativity i created the enemy AI and the other features as well!
I gathered assets from the internet and I've also used ai to generate the maps and background.
I got the sound effects from pixabay & sprites from open game art.
It was a great learning experience 😊
I've learnt a lot about game development & phaser!
I am also proud of the enemy AI & the joystick.
license
This project is licensed under MIT License.
Check GitHub Repository for more information.
CONCLUSION
in conclusion, development of Xylophia VI for the web game dev challenge was successful,I have successfully created an endless survival game using phaser 3,with a wide range of features.
I overcame challenges in:
1.developing enemy AI
2.optimizing the game for mobile
Through this experience,I have gained valuable skills,such as:
- Phaser 3
- HTML5 & JAVASCRIPT
- GAME DEVELOPMENT & MECHANICS
Thank you 💕 for checking out my project!
If you've liked the game,please star my repository ⭐
Play Xylophia VI & give me your feedback now!
If you find any bugs or issues,make sure to inform me...
Top comments (11)
cool game, though I'm having trouble with the controls in mobile. the joystick doesn't seem to be as responsive to user input. Improving the controls would make this game way better. Still, good potential to win!
Thanks for your feedback!
I will try my best to improve the controls
I've made some minor changes to the joystick 🕹️
You can check now,if the issue persists please tell me...
I can also share in your excitement, congratulations in creating your first Phaser JS project 🙂
I'm yet to begin mine because I'm having troubles in the world map generation, could you help me with that so I can create a prototype (at least) for the game, please 🙁
(I don't use game engines yet, so it's gonna be built in vanilla JS)
Yes sure can you explain what problems you're facing?
Ok thanks for responding 😅
Firstly, I don't really know how you did your 2D tilemap setup on Phaser JS but I'm trying to put in the tilemap data into 2d arrays for easier storage and rendering rather than using objects in arrays in objects 😢 so I'm trying to implement a system whereby the world map data (2d array) will be updated with the more parts of the world map data as the player moves (more like how Minecraft does chunk loading because the game world doesn't fully load at once) so I'll be active and waiting for your response
So if you need clarification or specific advice, I'm all ears🙂
Oh! I actually didn't use tile maps 😅
I used a jpg image of the map whose parts are scrolled when player moves.
And would you mind sharing your current implementation for the chunk-based tile map system?
So that I can take a closer look?
I'm guessing that Phaser JS helped with the implementation of the infinite scrolling effect
I'll try to refactor the code so I can understand it then I'll send it here. It's basically quite a complex system but I'll see what I can do, hopefully before the end of today
Ok🤩
Hey 👋
The more I tried to learn the camera and tilemap system, the more time flew by so I just had to get to work on my existing knowledge. For now I'll upload the camera tilemap system on GitHub and send the link to you.
So check out what I've managed to accomplish under a full day of active development: dev.to/trplx_gaming/galactic-gunfi...
Camera and tilemap system GitHub repo:
github.com/TRPLX-Gaming/JS-camera-...
Hey! 👋🏼😊
Congratulations on creating the prototype for galactic gunfire, it's really great!
You could now try adding sprites, instead of squares, that'll make your game complete...