Question

我正在尝试为朋友修复这个游戏（所以我不知道他的所有代码在做什么）。我想要做的是拍摄用户上传的图像，并在关闭应用程序后将其永久设置为背景。这就是我现在所拥有的：

资产在这里加载：

game.stage.backgroundColor = '#000000';
game.load.image('GameFrame.png', 'assets/GameFrame.png');
game.load.image('game_frame', 'assets/GameFrame.png');

默认图片“game_frame”在此处设置：

create: function()
    {
        this.frameGroup = game.add.group();
        this.game_frame_background = game.add.sprite(0, 0, 
          'game_frame_background');
        this.frameGroup.add(this.game_frame_background);
        this.frameGroup.add(this.wordGroup);
        this.game_frame = game.add.sprite(0, 0, 'game_frame');
        this.frameGroup.add(this.game_frame);

        this.frameGroup.x = GAME_WIDTH / 2 - this.game_frame.width / 2;
        this.frameGroup.y = GAME_HEIGHT / 2 - this.game_frame.height / 2;
    }

最后，我将文件输入js放在HTML文件中：

<body>
<div id="gameDiv">  
    <button onclick="document.getElementById('file-input').click();">Change Background</button>
    <input id="file-input" type="file" name="name" style="display: none;"/>
</div>
</body>

这就是我被困住的地方。我想我需要将用户图像的名称更改为“GameFrame.png”或者我需要将用户的图像作为替换“assets / GameFrame.png”资产的资产加载。但我不知道如何做这些事情。

用户上传的图像作为游戏背景

0 个答案: