Start implementing the HUD

gulpfile.js

@@ -21,7 +21,7 @@ gulp.task('server', function() {
 });
 
 gulp.task('compile', function() {
-    return gulp.src(['src/entities/*.coffee', 'src/main.coffee', 'src/game.coffee'])
+    return gulp.src(['src/entities/*.coffee', 'src/main.coffee', 'src/game.coffee', 'src/hud.coffee'])
         .pipe(sourcemaps.init())
         .pipe(coffee({bare: true}))
         .pipe(concat('app.js'))

src/game.coffee

@@ -3,20 +3,15 @@ app.game =
     for i in [0..20*15]
       @map[i] = new Tile
 
-  hud: ->
-    app.layer
-      .fillStyle "#00f"
-      .fillRect 0, 0, 200, 50
-
   render: ->
     for tile, i in @map
       tile.render(i-(Math.floor(i/20)*20), Math.floor(i/20))
+    @hud.render()
 
   step: ->
-    @hud
 
   map: []
 
   resources:
-    ore:50
+    ore:60
     stone: 100

src/hud.coffee

@@ -0,0 +1,6 @@
+app.game.hud =
+  render: (layer)->
+    app.layer
+      .fillStyle "#f00"
+      .fillRect 0, 0, 8, 8
+