Making Web Game

[Guramidev]

Hello everyone,

 

I am very new to community and honestly don't know much about game development in web. I want to create a web-based game but it is very hard to decide one thing:

 

1) Should i go and use html elements / css

2) Should i use only canvas / webgl?

 

It is a hard decision because the game will heavily rely on UI elements, and making that only on canvas will be really a challenge, while using html/css will make it really easy.

 

Things to be made will include registration forms and such kind of staff.

 

The question to you guys therefore is: Is using html/css ok in web games? Will the game be able to port on IOS / Android?

 

Best Regards

Guramidev

[Horizonicblue]

Hello,

There is no problem using HTML for making games,

but its better to use framework/engines to make game as it accelerates the process of development

and also you can use complex stuffs like physics in your game.

 

also check this:

http://www.html5gamedevs.com/topic/14396-which-framework/

[AzraelTycka]

Well, who told you not to combine them? There are tons of games thatuse both, so why restricting yourself?

[Guramidev]

@AzraelTycka I thought DOM elements and styling them with CSS could not be ported to IOS/Android, can it?

[AzraelTycka]

Well, I haven't done it, but quick google gave me answers on stackoverflow where they did it - full css - so I guess it is probably possible to make a standalone version with all these elements. If you are considering just web based game then css is no problem at all.

[Guramidev]

@AzraelTycka thanks

For all people out there who may have the same question here is a good post, its outdated but still applicable for today:

http://blog.sklambert.com/html5-game-tutorial-game-ui-canvas-vs-dom/

 

The conclusion i make is, if a game heavily relies on UI, like a lot and not only health bar / point / simple modal windows , than its better to use DOM UI, make a prototype of the game only for web and if it will be successful make a Canvas UI version of it to target mobile/tablets, otherwise it is too much hassle which may lead to no result and disappointment.

 

Thanks for answers guys.