Basics of game

Design needs to be updated with bootstrap.

Author: maneesht

.bowerrc

@@ -0,0 +1,3 @@
+{
+	"directory":"working/lib"
+}

.gitignore

@@ -0,0 +1,3 @@
+build
+node_modules/*
+lib

README.md

@@ -0,0 +1,8 @@
+HTML-game
+=========
+Install node from nodejs.org. (For server and dependencies)
+When you're finished, go to this repo and open a git bash here.
+Then, type npm install.
+Then, when that's finished, type bower install.
+You're now done setting up.
+To run the project, type gulp dev.

bower.json

@@ -0,0 +1,21 @@
+{
+  "name": "HTML-game",
+  "version": "0.0.1",
+  "keywords": [
+    "HTML"
+  ],
+  "license": "MIT",
+  "private": true,
+  "ignore": [
+    "**/.*",
+    "node_modules",
+    "bower_components",
+    "test",
+    "tests"
+  ],
+  "dependencies": {
+    "angular": "~1.3.5",
+    "angular-route": "~1.3.5",
+    "jquery": "~2.1.1"
+  }
+}

gulpfile.js

@@ -0,0 +1,63 @@
+var gulp = require('gulp'),
+	livereload = require('gulp-livereload'),
+	watch = require('gulp-watch'),
+	open = require('open'),
+	plumber = require('gulp-plumber'),
+	runSequence = require('run-sequence'),
+	assets = require('gulp-assets'),
+	clean = require('gulp-clean'),
+	nodemon = require('gulp-nodemon');
+
+var IN = "working/",
+	OUT = "build/";
+gulp.task('css', function() {
+	return gulp.src(IN + "index.html")
+		.pipe(plumber())
+		.pipe(assets.css())
+		.pipe(gulp.dest(OUT));
+});
+
+gulp.task('clean', function() {
+	return gulp.src(OUT)
+		.pipe(clean());
+})
+
+gulp.task('openBrowser', function() {
+	var port = process.env.PORT || 8000;
+	open('http://localhost:' + port +'#/home');
+})
+
+gulp.task('run', function() {
+	nodemon({
+        script: 'server/server.js',
+        watch: 'server/',
+        ignore: [ 'server/grammar.js' ],
+        env: { 'NODE_ENV': 'development' }
+    });
+})
+
+gulp.task('html', function() {
+	return gulp.src(IN + "**/*.html")
+		.pipe(plumber())
+		.pipe(gulp.dest(OUT));
+})
+
+gulp.task('js', function() {
+	return gulp.src(IN + "index.html")
+		.pipe(plumber())
+		.pipe(assets.js())
+		.pipe(gulp.dest(OUT));
+});
+
+gulp.task('build', ['css', 'js' , 'html']);
+
+gulp.task('livereload', function() {
+	livereload.listen();
+	gulp.watch(IN + "**/*", ["build"]);
+	gulp.watch(OUT + "**/*", livereload.changed);
+})
+
+gulp.task('dev', function() {
+	
+	return runSequence('clean', 'openBrowser',  'run', 'build', 'livereload');
+})

package.json

@@ -0,0 +1,34 @@
+{
+  "name": "HTML-game",
+  "version": "0.0.1",
+  "description": "HTML-game\r =========",
+  "main": "index.js",
+  "dependencies": {
+    "bower": "^1.3.12",
+    "connect-livereload": "^0.5.2",
+    "express": "^4.10.4",
+    "gulp": "^3.8.10",
+    "gulp-assets": "^0.1.0",
+    "gulp-clean": "^0.3.1",
+    "gulp-livereload": "^2.1.1",
+    "gulp-nodemon": "^1.0.4",
+    "gulp-plumber": "^0.6.6",
+    "gulp-watch": "^3.0.0",
+    "open": "0.0.5",
+    "run-sequence": "^1.0.2"
+  },
+  "devDependencies": {},
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/maneesht/HTML-game.git"
+  },
+  "author": "Maneesh Tewani",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/maneesht/HTML-game/issues"
+  },
+  "homepage": "https://github.com/maneesht/HTML-game"
+}

server/server.js

@@ -0,0 +1,22 @@
+var express = require('express'),
+	livereload = require('connect-livereload'),
+    router = express.Router();
+
+var serverPort = process.env.Port || 8000;
+var server = express();
+var workingDir = "build/";
+server.use(livereload());
+server.use('/CSS', express.static(workingDir + 'CSS'));
+server.use('/lib', express.static(workingDir + 'lib'));
+server.get("/", function(req,res) {
+	console.log("Hello!");
+	res.sendfile(workingDir + "index.html");
+});
+server.get('/*.js', function(req,res) {
+	res.sendfile(workingDir+ req.params[0] + '.js');
+})
+server.get('/*.html', function (req, res) {
+    res.sendfile(workingDir + req.params[0] + '.html');
+});
+console.log("server running on port ", serverPort);
+server.listen(serverPort);

working/app/app.js

@@ -0,0 +1,13 @@
+angular.module('html_game' , ['ngRoute', 'app.landing', 'app.game'])
+	.config(function($routeProvider) {
+		$routeProvider.when('/home', {
+			templateUrl: "app/home/home.html",
+			controllerAs: "home",
+			controller: "landingCtrl"
+		})
+		.when('/game', {
+			templateUrl:"app/game/game.html",
+			controller: "gameCtrl",
+			controllerAs: "game"
+		})
+	});

working/app/game/game.html

@@ -0,0 +1,3 @@
+<textarea style="height: 50%; width:100%" ng-model="html"></textarea>
+<div id="container"></div>
+<button ng-click="compile()">Check</button>

working/app/game/game.js

@@ -0,0 +1,8 @@
+angular.module('app.game', [])
+	.controller('gameCtrl',  function($scope){
+		$scope.$watch('html', function() {
+			$("#container").empty();
+			$("#container").append($scope.html);
+		})
+	})
+	

working/app/home/home.html

@@ -0,0 +1,2 @@
+<div>Welcome!</div>
+<button  ng-click="home.playGame()">Play Game!</button>

working/app/home/home.js

@@ -0,0 +1,6 @@
+angular.module('app.landing', [])
+	.controller('landingCtrl', function($location){
+		this.playGame = function() {
+			$location.url('/game')
+		}
+	})

working/index.html

@@ -0,0 +1,15 @@
+<html ng-app="html_game">
+	<head>
+		<title>HTML Game</title>
+	</head>
+	<body>
+		<script src="lib/angular/angular.js"></script>
+		<script src="lib/jquery/dist/jquery.js"></script>
+		<script src="lib/angular-route/angular-route.js"></script>
+		<script src="app/app.js"></script>
+		<script src="app/home/home.js"></script>
+		<script src="app/game/game.js"></script>
+		<div ng-view></div>
+
+	</body>
+</html>