@@ -5,29 +5,19 @@ | |||||
<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> | <style> | ||||
#родитель | |||||
{ | |||||
width: 100%; | |||||
height: 100%; | |||||
/* | |||||
position: absolute; | |||||
top: 0; | |||||
left: 0; | |||||
right: 0; | |||||
bottom: 0; | |||||
*/ | |||||
background-color: red; | |||||
} | |||||
html | |||||
{ | |||||
background-color: blue; | |||||
html, body { | |||||
margin: 0; | margin: 0; | ||||
height: 100%; | |||||
padding: 0; | |||||
} | |||||
body { | |||||
height: 100vh; | |||||
width: 100vw; | |||||
} | } | ||||
body | |||||
#родитель | |||||
{ | { | ||||
background-color: green; | |||||
margin: 0; | |||||
width: 100%; | |||||
height: 100%; | height: 100%; | ||||
} | } | ||||
</style> | </style> | ||||
@@ -17,9 +17,7 @@ | |||||
width: 800, | width: 800, | ||||
height: 600, | height: 600, | ||||
parent: document.getElementById("родитель"), | parent: document.getElementById("родитель"), | ||||
//mode: Phaser.Scale.ENVELOP, | |||||
//mode: Phaser.Scale.RESIZE, | |||||
mode: Phaser.Scale.FIT, | |||||
mode: Phaser.Scale.ENVELOP, | |||||
autoCenter: Phaser.Scale.CENTER_BOTH, | autoCenter: Phaser.Scale.CENTER_BOTH, | ||||
}, | }, | ||||
physics: { | physics: { | ||||