@@ -4,6 +4,14 @@ | |||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> | ||||
<title>КОЛОБОК 0.1.0</title> | <title>КОЛОБОК 0.1.0</title> | ||||
<script src="https://cdn.jsdelivr.net/npm/phaser@3.54.0/dist/phaser.min.js"></script> | <script src="https://cdn.jsdelivr.net/npm/phaser@3.54.0/dist/phaser.min.js"></script> | ||||
<style> | |||||
html, body | |||||
{ | |||||
margin: 0; | |||||
height: 100%; | |||||
overflow: hidden | |||||
} | |||||
</style> | |||||
</head> | </head> | ||||
<body> | <body> | ||||
<script src="игра/001.мир.js"></script> | <script src="игра/001.мир.js"></script> | ||||
@@ -6,36 +6,20 @@ | |||||
*/ | */ | ||||
ПодготовитьОбластьОтрисовки = мир => | |||||
{ | |||||
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, | type: Phaser.AUTO, | ||||
width: 800, | width: 800, | ||||
height: 600, | height: 600, | ||||
parent: мир.областьОтрисовки, | |||||
backgroundColor: 0xfbfbfb, | |||||
scale: { | |||||
width: 800, | |||||
height: 600, | |||||
expandParent: true, | |||||
mode: Phaser.Scale.ENVELOP, | |||||
autoCenter: Phaser.Scale.CENTER_BOTH, | |||||
}, | |||||
physics: { | physics: { | ||||
default: "arcade", | default: "arcade", | ||||
arcade: { | arcade: { | ||||
@@ -81,7 +65,6 @@ align-items: center; | |||||
мир.разобрать(` | мир.разобрать(` | ||||
пуск | пуск | ||||
подготовить область отрисовки | |||||
настроить игру | настроить игру | ||||
запустить игру | запустить игру | ||||
`); | `); | ||||
@@ -17,9 +17,6 @@ | |||||
СоздатьИзбу = мир => | СоздатьИзбу = мир => | ||||
{ | { | ||||
const камера = мир.сцена.cameras.main; | |||||
камера.backgroundColor = Phaser.Display.Color.HexStringToColor("#fbfbfb"); | |||||
мир.сцена.add.image(0, 0, "изба").setOrigin(0, 0); | мир.сцена.add.image(0, 0, "изба").setOrigin(0, 0); | ||||
var полСлева = мир.каркас.create(0, 585, "основа").setOrigin(0, 0); | var полСлева = мир.каркас.create(0, 585, "основа").setOrigin(0, 0); | ||||