DEV Community

Galactic Gunfighter Game In Progress...๐Ÿ˜…

Gabriel Ibe on September 29, 2024

This is my submission to the DEV Web Game Challenge (https://dev.to/challenges/webgame), with an alien theme What I Built A simple prot...
Collapse
 
codevsom profile image
Somnath Pan

Congratulations on creating Galactic Gunfighter,
The prototype is really great ๐Ÿ‘๐Ÿผ
I also coded my game ๐ŸŽฎ,Xylophia VI,on my mobile phone ๐Ÿ˜…

Collapse
 
trplx_gaming profile image
Gabriel Ibe

Really?๐Ÿ˜…๐Ÿ˜…

If you made on your phone, how'd you setup Phaser JS on it?

Collapse
 
codevsom profile image
Somnath Pan

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.

Thread Thread
 
trplx_gaming profile image
Gabriel Ibe

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?

Thread Thread
 
codevsom profile image
Somnath Pan

Yes...
Well,which editor do you use to code?

Thread Thread
 
codevsom profile image
Somnath Pan

html file setup

file structure setup

Thread Thread
 
trplx_gaming profile image
Gabriel Ibe

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

Thread Thread
 
codevsom profile image
Somnath Pan

Image description

Image description

Thread Thread
 
codevsom profile image
Somnath Pan

You may download the file from phaser's official site

Thread Thread
 
codevsom profile image
Somnath Pan

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.

Thread Thread
 
trplx_gaming profile image
Gabriel Ibe

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?

Thread Thread
 
codevsom profile image
Somnath Pan

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...

Thread Thread
 
trplx_gaming profile image
Gabriel Ibe

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๐Ÿ™

Thread Thread
 
codevsom profile image
Somnath Pan

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...

Image description

Image description

Image description

Thread Thread
 
codevsom profile image
Somnath Pan

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

Image description

Image description

Thread Thread
 
trplx_gaming profile image
Gabriel Ibe

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 ๐Ÿ˜…๐Ÿ˜…

Thread Thread
 
codevsom profile image
Somnath Pan

๐Ÿค๐Ÿ’œ๐Ÿ’œ

Collapse
 
martinbaun profile image
Martin Baun

Well done!