This is my submission to the DEV Web Game Challenge (https://dev.to/challenges/webgame), with an alien theme
What I Built
A simple prototype like arcade game where you kill green aliens and try to survive as long as you can with limited resources
Demo(Play-test)
Itch.io link to play directly:
https://mike-the-coder.itch.io/galactic-gunfighter
GitHub repo for source code will come out soon...
Journey
So I recently joined this platform (DEV.to) last week and saw that there was a web game dev challenge that was ongoing so I decided to join in. Unfortunately due to work-life imbalance, I had barely a day and a half to work on the game. I'm a solo dev that builds web based games from scratch(that is plain HTML,(a bit of) CSS and majorly JavaScript 😅). My games have really come a long way from using divs to canvas API which I'm still learning btw. I don't use any libraries or frameworks just my mobile text editor 😅. So as soon as I got free time during this weekend I did what I could for now, I'll try to make updates to the game before the announcements of the winners.
Check out some of my other web games at https://mike-the-coder.itch.io
Thanks for reading! Hope you enjoyed a bit of it
Top comments (18)
Congratulations on creating Galactic Gunfighter,
The prototype is really great 👍🏼
I also coded my game 🎮,Xylophia VI,on my mobile phone 😅
Really?😅😅
If you made on your phone, how'd you setup Phaser JS on it?
It's pretty Simple, i installed phaser.min.js file,from its official site,
In my index.html,i included,the phaser.min.js and my script.js file, where i built the game...
I used spck editor.
Like can you send images on the setup process
So if I have the library on my device, I can utilize it so far it's in the game's directory?
Yes...
Well,which editor do you use to code?
I use HTML editor by Alif Tech, a very hardcore IDE which trained me well when I was learning about web dev
Pls show me the code in the Phaser JS module you downloaded
You may download the file from phaser's official site
I'd suggest you to,use spck code editor for your projects,as it provides more robust features,as, compared to your current editor, especially file management,
I am using spck editor for more than a year.
What's up bro, how've you been?
Just recently downloaded SPCK editor for node JS and I'd say that the IDE makes me really productive, it's like having VSCode on your phone 😅
I'm still getting used to the environment in the free version (1hr terminal usage 😭) so like can you give some features you can accomplish using the IDE
Can I write TypeScript in it?
Hi bro! I'm doing well...
Yes actually I use,the plain SPCK editor,few months ago, I also tried the nodeJS version,but left 😭 ,because of the terminal limit,
I'd recommend you to use the plain SPCK editor, because you get almost same features that you get in nodeJS version(except terminal),
In plain SPCK editor,you can use REACT,ES8 and TYPESCRIPT (but it uses CDN)
You can use TERMUX as a complement with your spck,for free terminal usage...
Thanks bro!
The SPCK node JS editor is quite bulky in size due to the packages it comes with
Just installed the plain SPCK editor and it's quite similar to my previous IDE but with the auto completion 🙂
Pls emphasize on using React and TypeScript in the editor🙏
Yes🙌🏼
So now that you've installed the SPCK editor,
You can try creating a new project in it with react as a template,
SPCK uses CDN for react and TYPESCRIPT as well,
When you create a new project with react template,
You'll get three files:
-index.html
-app.js
-config.js
You can write your react code in app.js...
For typescript (i actually I don't have much knowledge of it)...
You can select out,the Typescript 4 template,
Where you get 4 files:
-index.html
-config.js
-main.ts
-log.ts
Thanks bro💙🤝
I also saw that template menu and used the TypeScript version and noticed that since it uses CDN then it requires internet connection for functionality which also has some latency attached due to the server side transpilation and runtime
Overall thanks for introducing me to this new editor which enhances my productivity unlike my previous hardcore editor 😅😅
🤝💜💜
Well done!