javascript - 如何在 Phaser 中进行文本输入？

Question

我正在使用 Phaser 制作一个 HTML5 游戏，我想将玩家名称作为输入并保存以备后用 我如何使用 Phaser 来做？

Answer 1

我从未见过使用 HTML 覆盖来处理文本的 Flash 游戏。我预计随着 Javscript 游戏引擎的发展，它们最终会发现它们还需要处理 Canvas 内的渲染文本。好消息是这项工作已经开始。 https://github.com/goldfire/CanvasInput

<script src="CanvasInput.min.js"></script>

<script>
    var bmd = this.add.bitmapData(400, 50);    
    var myInput = this.game.add.sprite(15, 15, bmd);

    myInput.canvasInput = new CanvasInput({
        canvas: bmd.canvas,
    });
    myInput.inputEnabled = true;
    myInput.input.useHandCursor = true;    
</script>

可在此处查看 Phaser 和 CanvasInput 演示，http://codepen.io/jdnichollsc/pen/waVMdB?editors=001

一个缺点是您必须使用 Phaser.CANVAS 而不是 Phaser.AUTO 在 Phaser 中使用 Canvas 渲染。

更新:有人也做了这个https://github.com/orange-games/phaser-input