ScreenManager03 / 15

Как вписать поле в экран

Сохраним поле целиком при смене размера окна.

В Block Puzzle компонент ResponsiveLayoutComponent подбирает масштаб поля и фигур. contain вписывает их в доступную область, а padding оставляет отступы по краям. layout.json

"responsiveLayout": {
  "type": "ResponsiveLayoutComponent",
  "data": {
    "area": { "padding": { "top": 16, "right": 16, "bottom": 16, "left": 16 } },
    "scale": { "mode": "contain", "min": 0.45, "max": 1.08 }
  }
}
Горизонтальный экран
120 счёт
Поле
Вертикальный экран
120 счёт
Поле

Источники ↗

Block Puzzle · BlockPuzzleLayoutComponent.ts↗Геометрия композиции игры.