next »

[Serapth]

I've just recently published a new series of tutorials, this one covering the recently released HTML5 port of Cocos2D-x.

If you are thinking about getting in to HTML5 game development, it's certainly worth checking out.  It's a remarkably nice environment to work in when someone else takes care of all the browser annoyances!

Right now there are 3 1/2 tutorials:

Tutorial 1 covers getting everything set up, including a local web server.

Tutorial 2 actually creates the mandatory Hello World application, but more importantly, gives an overview of program execution as well as a boiler plate for future code.  

Tutorial 3 covers displaying sprites on screen.  Wrapping your head around the coordinate system can be a bit tricky, so this tutorial goes into some detail on that subject.

Tutorial 3.5 covers setting up WebStorm to have full auto-completion support when working with Cocos2D... a must for me.  Granted, this isn't really a tutorial, thus the .5



Expect more tutorials shortly.  Of course I will still be publishing PlayStation tutorials as well, plus whatever else new and shiny draws my eye!  Rim's Gameplay SDK came *very* close to sinking it's hooks into me!

Hope some of you find them useful.

[kamac]

Well that is interesting!
Didn't know cocos2d-x has it's port to HTML 5 

[Serapth]

Yeah, the did a pretty good job too.

As an addon to this post, I also put together a cocos2D book round-up, in the same form as my earlier Unity book round-up.   Essentially it is a one page listing of every book available on the subject, including author, publisher, page count, rating, table of contents, description, links, publish date, etc.  A bit of a time saver if you are looking for a book on the subject.

[eyeliner]

Oh yes, this is how you do it!

Love this series! Thank YOU!

[Serapth]

New tutorial up, this one covers handling mouse and keyboard events.

[Mofko]

Coco's is a great software, I recommend it.

[Serapth]

Added another tutorial. Sound, music and menus

It demonstrates using menus, playing music and sound effects.

[Serapth]

I went off on a strange tangent with a new tutorial series that is somewhat related to this one.


Basically I am writing an app for my own use.  I have a little one, and she is having issues with transitions, so basically its just a presentation of "first this" and "then that".  So I show one picture to her, it transitions into another picture, then shows both pictures side by side.   Think along the lines of "first wash your hands"  then "dry them off".

So, I decided to

a) over engineer the hell out of it
b) document the process

If you are interested in web app development, I hope you will get something out of this series.  The end result is that simple application, but along the way I demonstrate/document

a) hosting a cocos2D application in a NodeJS server ( and show the basics of using Node and Express )
b) deploying your web application to a free cloud based provider ( Heroku in this case )
c) client/server web app development.  Create a settings application that allows you to upload images to be used by the game using YUI, JavaScript and Node

Coming up in the next part is of course authoring the simple game client itself using cocos2D and consuming networked assets.

If you look out there about web based games, this is the stuff that isn't often covered.  The nitty gritty "how am I going to host my app", "How do I communicate between the client and server", etc...  If you have zero web programming experience, a lot of this stuff can get pretty daunting.

So this tutorial series shows all that stuff...  it's on the edge of being game related, but I hope some of you find it interesting.

Part 1: serving cocos2D from Node
Part 2: deploying to the cloud
Part 3: client server programming
Part 4: coming soon

[AlwaysGeeky]

Cool, thanks! 

[Mofko]

Cocos lets you make apps that aren't games right?  Sorry, stupid question.

[Skaidon]

Thanks! Collecting a bunch of HTMl5 tutorials for future reference. I'm a HTML5/CSS3 developer/designer who is trying to move more into the JS/Canvas side of things eventually!

[Serapth]

Added a new tutorial, working with Spritesheets

Also updated all tutorials to work with the newest code, which is much cleaner over all.

[tigreton]

It would be great if you make all your articles visible at the first post.
And if they are ordered by categories...

[Serapth]

I am being a bit thick I think but...

What do you mean?

[tigreton]

I mean, that it's nice that we can see your new post in your blog with a post in this thread. But it's easier to navigate if we can see them at the top, a collection. Like what you are doing in your left sidebar of your blog. You can use a {new} or something like that.