{"author_name":"FireZenk","cat":"LD #28","comments":[],"epoch":1386930240,"likes":1,"metadata":{"p_key":"37064","p_author":"FireZenk","p_authorkey":"27429","p_urlkey":"72662","p_title":"Setting up my HTML5 environment with node Yeoman","p_cat":"LD #28","p_event":"LD28","p_time":"1386930240","p_likes":"1","p_comments":"0","p_status":"UPD5","us_key":"27429","us_name":"FireZenk","us_username":"firezenk","event_start":"1386892800","event_key":"20","event_name":"LD28"},"text":"

As I mentioned in my obligatory “I’m in” I decided to make my game with HTML5 and have finally chosen as engine: Phaser.<\/p>\n

After several days trying to create a good environment I found the perfect solution and will share as it serves someone else:<\/p>\n

INSTRUCTIONS<\/p>\n

– Install Node.js<\/p>\n

– Install the required npm modules by issuing these commands:<\/p>\n

npm install -g yo generator-phaser<\/code><\/p>\n

– Create a new directory for your game:<\/p>\n

Unix\/OSX : mkdir ~\/Desktop\/mygame && cd $_<\/code>
\n Windows : mkdir %USERPROFILE%\\Desktop\\mygame && cd %USERPROFILE%\\Desktop\\mygame<\/code><\/p>\n

– Invoke the generator:<\/p>\n

yo phaser<\/code><\/p>\n

– Run a local development server (livereload enabled) with this command:<\/p>\n

grunt<\/code><\/p>\n

– Package your game (i.e. minify css, html and js) with:<\/p>\n

grunt dist<\/code><\/p><\/blockquote>\n

Link to Yeoman: http:\/\/yeoman.io\/<\/a><\/p>\n

Link to Phaser generator: https:\/\/npmjs.org\/package\/generator-phaser<\/a><\/p>\n

There are also many other generators and secure projects for other game engines, you can look here:
\n https:\/\/npmjs.org\/<\/a><\/p>\n \n

Tags: html5<\/a>, javascript<\/a><\/p>","time":"December 13th, 2013 5:24 am","title":"Setting up my HTML5 environment with node Yeoman"}