All Projects → jroblak → generator-phaser-browserify

jroblak / generator-phaser-browserify

Licence: MIT License
A generator for Phaser using Gulp and Browserify

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to generator-phaser-browserify

Phaser Kinetic Scrolling Plugin
Kinetic Scrolling plugin for Canvas using Phaser Framework
Stars: ✭ 117 (+225%)
Mutual labels:  gulp, phaser, phaserjs
Phaser Node Kit
Rapid Game Development with PhaserJS and Node for Modern Browsers
Stars: ✭ 39 (+8.33%)
Mutual labels:  browserify, phaser, phaserjs
Generator Phaser
A yeoman generator for phaser games
Stars: ✭ 255 (+608.33%)
Mutual labels:  yeoman, phaser, phaserjs
craft
Phaser Library with utility chainable functions
Stars: ✭ 27 (-25%)
Mutual labels:  phaser, phaserjs
generator-vintage-frontend
Modern front-end workflow
Stars: ✭ 15 (-58.33%)
Mutual labels:  gulp, yeoman
dungeonz
Everything for the game Rogueworld.
Stars: ✭ 88 (+144.44%)
Mutual labels:  phaser, phaserjs
gupack
基于gulp的前端构建工具
Stars: ✭ 13 (-63.89%)
Mutual labels:  gulp, browserify
kibe
A simple Yeoman Generator to start projects with the most common tasks of my workflow using Gulp.
Stars: ✭ 33 (-8.33%)
Mutual labels:  gulp, yeoman
generator-sf
Yeoman generator that scaffolds out a Symfony PHP app including Browsersync, various CSS preprocessors, jspm, webpack, browserify and Service Worker
Stars: ✭ 14 (-61.11%)
Mutual labels:  gulp, yeoman
generator-veams
Scaffold modern frontend web apps or web pages with a static site generator (Assemble or Mangony), Grunt and/or Gulp, Sass and Bower. Use modern frameworks like Bourbon, Bootstrap or Foundation and structure your JavaScript with ES Harmony support.
Stars: ✭ 45 (+25%)
Mutual labels:  gulp, yeoman
blocker
🎮 (WIP - phase 3) Multiplayer online game using Phaser + WebSocket (Socket.IO)
Stars: ✭ 48 (+33.33%)
Mutual labels:  phaser, phaserjs
middleman-gulp
A Middleman 4 template using Gulp.js via the external pipeline
Stars: ✭ 42 (+16.67%)
Mutual labels:  gulp, browserify
generator-fountain-react
Yeoman 'fountain' generator to start a webapp with React
Stars: ✭ 36 (+0%)
Mutual labels:  gulp, yeoman
Generator Phaser Plus
[🛑 DISCONTINUED] It has been a long journey but development of `generator-phaser-plus` is now over. I recommend you have a look and fork `yandeu/phaser-project-template` instead.
Stars: ✭ 148 (+311.11%)
Mutual labels:  gulp, phaser
phaser-particle-editor-plugin
This plugin creates particles based on JSON data generated by Phaser Particle Editor
Stars: ✭ 28 (-22.22%)
Mutual labels:  phaser, phaserjs
Gulp Bro
👊 gulp + browserify + incremental build, done right.
Stars: ✭ 119 (+230.56%)
Mutual labels:  gulp, browserify
phaser-starter
Minimal starter project to get a Phaser game environment up and running with ease.
Stars: ✭ 73 (+102.78%)
Mutual labels:  phaser, phaserjs
generator-angular-pro
AngularJS project generator for scalable, enterprise-grade web and mobile applications
Stars: ✭ 43 (+19.44%)
Mutual labels:  gulp, yeoman
Generator Fountain Angular1
Yeoman 'fountain' generator to start a webapp with Angular 1
Stars: ✭ 95 (+163.89%)
Mutual labels:  gulp, yeoman
React Tsx Starter
Universal/Isomorphic React TypeScript Starter Project
Stars: ✭ 97 (+169.44%)
Mutual labels:  gulp, browserify

generator-phaser-browserify

A Yeoman generator to generate HTML5 games with phaser using Gulp and Browserify. Built off the work by Julien Castelain on generator-phaser. Allows the use of browserify (i.e. var player = require('Player.js')) with Phaser.

Check out this test game as an example of project layout / useage.

INSTRUCTIONS

  • Install Node.js

  • Install the required npm modules by issuing these commands:

    npm install -g yo generator-phaser-browserify

    You can optionally install Gulp globally npm install -g gulp but you don't have to.

  • Create a new directory for your game:

    • Unix/OSX : mkdir ~/Projects/game && cd $_
    • Windows : mkdir %USERPROFILE%\Projects\game && cd %USERPROFILE%\Projects\game
  • Invoke the generator:

    yo phaser-browserify

  • Run a local development server (livereload, watchify enabled) with this command:

    npm start

    If you have Gulp installed globally you can also use: gulp

  • Package your game (i.e. minify css, html and js) with:

    npm run build

    If you have Gulp installed globally you can also use: gulp build

CREDITS

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].