HTML5 games programming. Where do I have to start?

[DRI2000]

I want to develop games for browsers in HTML5 but I don't know where to start to learn... I don't know HTML5 programming, and just a bit of HTML and CSS, but almost nothing. Emphasize that my objetive is developing games, not web pages.

Anyone could help me, please?

 

[Noctosphere]

double post lol,
pretty sure you were very excited to get an answer but now you are very disappointed, right?

 

[DRI2000]

double post lol,
pretty sure you were very excited to get an answer but now you are very disappointed, right?

Exactly, you have read my mind xD :ccccccc

 

[Noctosphere]

Do you speak french?
If you do, I know the perfect website for you
www.siteduzero.com

 

[DRI2000]

Do you speak french?
If you do, I know the perfect website for you
www.siteduzero.com

Non, je parle seulement un peu de français...
Est-ce que je l'ai dit correctement? Je ne le crois pas...

 

[Noctosphere]

you said everything at the perfection ^^

 

[DRI2000]

you said everything at the perfection ^^

I dont' have the A1... xD I'm a noob in the French language xD but not in English

 

[FAST6191]

HTML5, and I also assume you have tried something like http://www.playmapscube.com/ so you will also want webgl. I do also have to say the fancy stuff might also run a database on the backend but let us not go there right now. Do you know much about game theory and game design? Similarly if your only "programming" experience is older HTML and CSS you might have to learn the fundamentals of programming (loops, branching, data typing, variables, functions....) alongside this all, to say nothing of general programming practices. Oh and this will probably go an awful lot better if you knew javascript.
You are kind of jumping in at the deep end here, on the other hand I do not doubt that in a couple of hours from where you are now you could have a basic maze puzzle made in HTML5 -- can you make something a user can control, can you make it pop a "you won" text box up when the user touches it, can you make a barrier to the user controlled item? All three are pretty easy and thus you have your maze..

Still some links
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/HTML5
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Introduction
https://developer.mozilla.org/en-US/docs/Web/API/WebGL_API
I have some more general programming in http://gbatemp.net/threads/so-you-want-to-learn-to-program.371255/

You can go really crazy if you like and try things like this, but I would not suggest it just now.

 

[DRI2000]

Thanks!! Don't worry about the fundamentals, I know a bit of C++, C# and Basic, I don't thinks it will be diffcult for me

 

[FAST6191]

In that case I will also link http://code.tutsplus.com/articles/a-brief-history-of-html5--net-23064 and if you search for other history of html5 (be careful as HTML5 does have an api called history) as such things will hopefully let you get on the logical path that the HTML folks went down to arrive at it. It might not but it helped me and has helped a fair few others when they wonder why certain things are the way they are.

 

[Olrynn]

You can try an ide called superpowers

 

[t04glovern]

Check out the Phaser framework http://phaser.io/

 

[pwsincd]

study the canvas tags @ http://www.w3schools.com/ , google is your friend here.. lots of tutorials out there.