центрировать область отрисовки

игра/011.phaser.js

@@ -5,12 +5,37 @@
  *
  */
 
+
+ПодготовитьОбластьОтрисовки = мир =>
+{
+    var родитель = document.createElement("div");
+    родитель.style = `
+position: absolute;
+left: 0;
+right: 0;
+bottom: 0;
+top: 0;
+display: flex;
+align-items: center;
+    `;
+    var ребёнок = document.createElement("div");
+    ребёнок.style = `margin: auto;`;
+    родитель.appendChild(ребёнок);
+    document.body.appendChild(родитель);
+
+    мир.областьОтрисовки = ребёнок;
+};
+
+
+// // // //
+
 НастроитьИгру = мир =>
 {
     мир.настройки = {
         type: Phaser.AUTO,
         width: 800,
         height: 600,
+        parent: мир.областьОтрисовки,
         physics: {
             default: "arcade",
             arcade: {
@@ -37,21 +62,26 @@
     };
 };
 
+
 // // // //
 
+
 ЗапуститьИгру = мир =>
 {
     мир.игра = new Phaser.Game(мир.настройки);
 };
 
+
 /*
  *
  * Последовательность
  *
  */
 
+
 мир.разобрать(`
 пуск
+    подготовить область отрисовки
     настроить игру
     запустить игру
 `);