Фаза 3: Почему не отображаются изображения? - PullRequest
Новая
       28

Фаза 3: Почему не отображаются изображения?

2 голосов
/ 28 марта 2020

Хорошо, так что я полный новичок ie в этой области, но я пытаюсь заставить фон пи c появиться в моей игре Phaser

К вашему сведению ' M работает на живом сервере 

var config = {
    width:800,
    height:600,
    backgroundColor: 0x000000
}

var game = new Phaser.Game(config);

function preload()
{
    this.load.image('sky', 'bg.png');
}

function create() 
{
    this.add.image(400, 300, 'sky');
}

function update()
{

}
<script src="https://cdnjs.cloudflare.com/ajax/libs/phaser/3.22.0/phaser.min.js"></script>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Io Game</title>
    <script src="phaser.min.js"></script>
    <script src="game.js"></script>

</head>
<body>

</body>
</html>

Он просто показывает пустой черный экран. В консоли нет ошибок. Есть советы / проблемы?

Ответы [ 2 ]

0 голосов
/ 29 марта 2020

Я уже работал над этим проектом. В вашем случае проблема с функцией preload () . Ошибка в пути к файлу . Разместите ваши файлы соответственно.

правильный код: 

function preload ()
{
    this.load.image('sky', 'assets/sky.png');
    this.load.image('ground', 'assets/platform.png');
    this.load.image('star', 'assets/star.png');
    this.load.image('bomb', 'assets/bomb.png');
    this.load.spritesheet('dude', 
        'assets/dude.png',
        { frameWidth: 32, frameHeight: 48 }
    );
}
0 голосов
/ 28 марта 2020

Вы можете просто добавить хороший фон с помощью CSS, используя JS, чтобы сделать это намного сложнее. 

body {
     background-image: url("file name"); // for an image background
     background-color: #cccccc;  // for a solid color backgound
}
...