watch + livereload implemented

agar3s · agar3s · commit d3cb2f2a9a40 · 2018-08-17T16:15:53.000-05:00
diff --git a/.gitignore b/.gitignore
@@ -61,4 +61,6 @@ typings/
 .next
 
 # skip dist files
-dist
+dist
+package-lock.json
+target/build.js
diff --git a/README.md b/README.md
@@ -1,2 +1,6 @@
 # js13k2018
 Without a code name... yet...
+
+
+# npm packages
+ - https://www.npmjs.com/package/nodemon
diff --git a/index.js b/index.js
@@ -0,0 +1 @@
+console.log('index.js?')
diff --git a/package.json b/package.json
@@ -4,7 +4,10 @@
   "description": "my entry for the #js13k 2018",
   "main": "index.js",
   "scripts": {
-    "concat": "./scripts/concat.sh > dist/build.js"
+    "concat": "./scripts/concat.sh > target/build.js",
+    "watch": "nodemon -e js,sh --watch src --watch scripts --exec npm run concat",
+    "liveserver": "mkdir -p target; cd target; live-server --no-browser",
+    "start": "npm run watch & npm run liveserver"
   },
   "repository": {
     "type": "git",
@@ -18,5 +21,9 @@
   "bugs": {
     "url": "https://github.com/agar3s/js13k2018/issues"
   },
-  "homepage": "https://github.com/agar3s/js13k2018#readme"
+  "homepage": "https://github.com/agar3s/js13k2018#readme",
+  "devDependencies": {
+    "live-server": "^1.2.0",
+    "nodemon": "^1.18.3"
+  }
 }
diff --git a/scripts/concat.sh b/scripts/concat.sh
@@ -1,11 +1,12 @@
 #!/bin/bash
 # original script from @gre 
 # https://github.com/gre/behind-asteroids/blob/master/scripts/concat.sh
-
+echo "// larga vida al #js13k! "
 # pre
 cat src/pre.js
 
 # game
 cat src/player.js
+cat src/canvasRenderer.js
 cat src/gameloop.js
 cat src/post.js
diff --git a/src/canvasRenderer.js b/src/canvasRenderer.js
@@ -0,0 +1,7 @@
+// src/canvasRenderer.js >>>
+
+var canvas = document.getElementById('c');
+var graphics = canvas.getContext('2d');
+
+graphics.fillStyle = '#00ff00';
+graphics.fillRect(0, 0, 50, 50);
diff --git a/src/index.html b/src/index.html
@@ -31,5 +31,4 @@
 	</div>
 	<a href='#' id='f' title='fullscreen'>FullScreen</a>
 	<script src="../dist/build.js"></script>
-	<script async src="b.js"></script>
 </body>
diff --git a/src/player.js b/src/player.js
@@ -6,7 +6,6 @@ function Sprite() {
     x: x,
     setX: function(newX) {
       this.x = newX;
-      console.log('player.x ahora es ', this.x);
     }
   }
 }
diff --git a/target/index.html b/target/index.html
@@ -0,0 +1,34 @@
+<head>
+	<title>JS13K 2018 @agar3s</title>
+	<style>
+		body{
+			background:#333;
+			margin:0;
+			padding:0;
+		}
+		canvas{
+		}
+		#c{
+			background: #fff;
+		}
+		#f{
+			font-family:monospace;
+			position:absolute;
+			bottom:10px;
+			left:10px;
+			font-size:21px;
+			color:#993;
+			text-decoration:none;
+		}
+		#f:hover{
+			color:#9aa;
+		}
+	</style>
+</head>
+<body allowfullscreen>
+	<div id="d">
+		<canvas id="c" width="320" height="240"></canvas>
+	</div>
+	<a href='#' id='f' title='fullscreen'>FullScreen</a>
+	<script src="build.js"></script>
+</body>

Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,6 @@ function Sprite() {`
`6`	`6`	`x: x,`
`7`	`7`	`setX: function(newX) {`
`8`	`8`	`this.x = newX;`
`9`		`- console.log('player.x ahora es ', this.x);`
`10`	`9`	`}`
`11`	`10`	`}`
`12`	`11`	`}`