Howto get started with a html5 game?

[Nordthorus]

I have never made HTML5 game before. I code but most PHP, HTML and normal website JS

I want to make a syllable like game in html5

Its for children:
I want to make a list of eg. 3 words in a string like "howtocode".
The child then have to find where to split the string to 3 words "how to code" it have to work on both touch and desktop devices (they have to touch/slide between the characters to select where to split word)
The child then go to the next string and so on.

Can someone give me a clue if it is easy to make with html5, and with framework (where to start) or I have to pay someone to make it? 

 

 

 

 

[chatrano]

I recommend you to see Phaser, there is a section with examples https://phaser.io/

Also you need to detect the selection o point click to split the phrase in words.

 

 

 

 

[mattstyles]

I'd say stick to what you know, if you know website/app style JS then use whatever you're comfortable with there. There's really little difference but some of the theory behind how stuff like Phaser is structured will differ slightly from other web apps, gaming usually has some slightly different priorities.

There's no reason the DOM wouldn't be a great choice for you here and it would simplify many challenges you have. Pick whatever web framework you're comfortable with, or take the opportunity to learn something new. React is currently the "leader" is web frameworks, but Vue is gaining a lot of popularity/press and Angular 2 is still trying to find its place, then there are the older stalwarts like Ember or a Backbone powered app.

I've done a couple of small projects for clients exactly like this before, if it gives you any steer I used React and things were straight forward, if you've got experience with client powered (i.e. JS apps) sites then its shouldn't be too tricky for you.

[Nordthorus]

I have been working with meteorjs the last ½ year with blazejs but i'm going to use angular 2 i new projects. Almost every business i Denmark use it where it needs that kind of framework

mattstyles: Do you know where I can find an example on o point click (chatrano suggestion) made with angular or other framework OR know someone who can make a simple "game engine" no art work, for my simple game for pay work.

 

 

 

[mattstyles]

6 hours ago, Nordthorus said:

Do you know where I can find an example on o point click

I'm not sure exactly what chatrano means here, I'm assuming he just means you'll have to handle touch/click interactions, of which the DOM can handle just fine, although there are also things like hammer.js that can sometimes make more complex gestures easier to work with.

6 hours ago, Nordthorus said:

know someone who can make a simple "game engine" no art work, for my simple game for pay work

you could try posting in the job or collaboration subforums here 

[Nordthorus]

hammer.js looks niced. 

mattstyles could I hire you to make a simpel version of the game? only the touch to split word and where it says right or wrong if split is correct or do you know one who can make it.

I have tried to write different places but people are not responding dont know what i'm doing wrong, it a simpel game 

 

[mattstyles]

Hi @Nordthorus, my calendar is (thankfully for me) very busy for quite a while but I'll keep an ear out for other devs who would jump on the opportunity

Good luck!

[samid737]

Hi,

I attempted to make an example for you to work with. I only used Phaser and its collision system, so yo are basically checking if you are colliding with the right "letters" and then you work with string methods to check for the right answer. The slicing detection needs tweaking but Im pretty sure you can apply it:

http://54.87.189.59/wordgame/

Most assets I already made for my own  game, so that was easy to add:

http://54.87.189.59/SnoozingSalesman/

Cheers!

D