Changed to font that is free for commercial use.

credits.txt

@@ -0,0 +1 @@
+Kong Text font by cody@zone38.net

src/Card.ts

@@ -40,7 +40,7 @@ export default class Card extends GameObject {
         let { mouse, buttons } = Input
 
         if ( mouse )
-            mouse = game.globalTransform.inverseTransformPoint( mouse )
+            mouse = game.globalTransform.pointToLocal( mouse )
 
         if ( buttons.Mouse0 ) {
             if ( this.contains( mouse ) && !game.grabbing ) {
@@ -85,6 +85,6 @@ export default class Card extends GameObject {
 
         Canvas.vimage( getImage( this.type.image ), position, dimensions )
         //Text IDEALLY would print the card description contained on the card
-        Canvas.text( this.type.name, x + margin, y + height - margin, width - margin * 2, "20px pixel" );
+        Canvas.text( this.type.name.toUpperCase(), x + margin, y + height - margin, width - margin * 2, "20px pixel" );
     }
 }

src/Game.ts

@@ -58,9 +58,6 @@ export default class Game {
         // { volume: 0.35 }
     )
 
-    // backgroundRed = 0
-    // backgroundGreen = 0
-    // backgroundBlue = 255
     backgroundColor = rgb( 0, 0, 255 )
 
     globalTransform = new Transform()
@@ -238,6 +235,9 @@ export default class Game {
         Canvas.background( this.backgroundColor )
 
         this.updateCameraShake( this.player.damageTime-- )
+        // this.transformTest()
+
+        Canvas.push()
         Canvas.transform( this.globalTransform )
 
         let backgroundY = 150
@@ -249,8 +249,7 @@ export default class Game {
 
         //Level Count
         Canvas.fillStyle( rgb( 255, 0, 0 ) )
-            .text( "level" + enemyCount, Canvas.canvas.clientWidth / 2 - 45, 30, 100, "40px pixel" );
-
+            .text( "LEVEL" + enemyCount, Canvas.canvas.clientWidth / 2 - 45, 30, 100, "40px pixel" );
 
         for ( let pawn of this.pawns )
             pawn.draw()
@@ -275,6 +274,8 @@ export default class Game {
             Canvas.text( "You Win", winMessageX, winMessageY, winMessageWidth, "400px pixel" );
         }
 
+        Canvas.pop()
+
         if ( this.player.damageTime > 0 )
             Canvas.background( rgba( 255, 0, 0, Math.sqrt( this.player.damageTime / 160 ) ) )
     }

src/Pawn.ts

@@ -97,7 +97,7 @@ export default class Pawn extends GameObject {
             .text(
                 this.health.toString() + "/" + this.maxHealth.toString(),
                 healthNumPos.x, healthNumPos.y,
-                textWidth, "25px pixel"
+                textWidth, "20px pixel"
             )
     }
 

www/index.html

@@ -25,7 +25,7 @@
 
         @font-face {
             font-family: "pixel";
-            src: url("/assets/arcadeClassic.ttf")
+            src: url("/assets/kongtext.ttf")
         }
     </style>
 </head>