Cursor!

public/styles.css

@@ -2,6 +2,7 @@ html, body {
   background-color: #eee;
   margin: 0;
   padding: 0;
+  cursor: none;
 }
 
 @font-face {

src/app.coffee

@@ -5,7 +5,7 @@ app = playground(
   smoothing: false,
 
   create: ->
-    @loadImages "layers", "active", "progress", "selected", "entities", "hud", "actions", "speechbubbles", "deadtiles", "layerdetails", "entitydetails", "buildinfo"
+    @loadImages "layers", "active", "progress", "selected", "entities", "hud", "actions", "speechbubbles", "deadtiles", "layerdetails", "entitydetails", "buildinfo", "cursor"
     @currentHoveredTile = new Tile
   
   ready: ->

src/hud.coffee

@@ -18,6 +18,9 @@ app.game.hud =
     panelusage = 'resources'
     app.layer.drawImage app.images.hud, 0, 11*8
 
+    # cursor
+    app.layer.drawImage app.images.cursor, app.game.mouseX, app.game.mouseY
+
     if @buildinfo
       app.layer.drawRegion app.images.buildinfo, [0, 0, 106, 10], 1, 1
       app.layer.drawRegion app.images.buildinfo, [0, 10, 106, 10], 1, 12