chore: Update to v0.27.0

package.json

@@ -29,10 +29,10 @@
     "url": "https://github.com/excaliburjs/sample-shootemup/issues"
   },
   "dependencies": {
-    "excalibur": "0.25.3"
+    "excalibur": "0.27.0"
   },
   "devDependencies": {
-    "@excaliburjs/testing": "0.25.0",
+    "@excaliburjs/testing": "0.25.1",
     "copy-webpack-plugin": "10.2.0",
     "file-loader": "6.2.0",
     "ts-loader": "9.2.6",

src/actors/health-bar.ts

@@ -19,8 +19,8 @@ export class HealthBar extends ex.Actor {
         this.graphics.use(new ex.Canvas({
             draw: (ctx) => this.draw(ctx),
             cache: false,
-            width: Config.healthBarWidth + 10,
-            height: Config.healthBarHeight + 40
+            width: Config.healthBarWidth + 20,
+            height: Config.healthBarHeight + 50
         }));
     }
 

src/game.ts

@@ -27,10 +27,10 @@ export class Game extends ex.Scene {
             text: "Score: " + stats.score,
             pos: ex.vec(80, 50)
         });
-        scoreLabel.font.quality = 3;
-        scoreLabel.fontSize = 30;
-        scoreLabel.fontUnit = ex.FontUnit.Px;
-        scoreLabel.fontFamily = "Open Sans";
+        scoreLabel.font.quality = 4;
+        scoreLabel.font.size = 30;
+        scoreLabel.font.unit = ex.FontUnit.Px;
+        scoreLabel.font.family = "Open Sans";
         scoreLabel.transform.coordPlane = ex.CoordPlane.Screen;
         scoreLabel.color = ex.Color.Azure;
         scoreLabel.on('preupdate', function(this: ex.Label, evt){

src/main.ts

@@ -24,6 +24,7 @@ async function waitForFontLoad(font: string, timeout = 2000, interval = 100) {
 
 const engine = new ex.Engine({
     backgroundColor: ex.Color.Black,
+    pixelRatio: 2,
     width: 1000,
     height: 800,
     displayMode: ex.DisplayMode.FitScreen