Как сделать ввод текста в Phaser?

Question

Я делаю HTML5-игру с Phaser, я хочу взять palyer имя в качестве ввода и сохранить его для последующего использования, как я могу сделать это с Phaser?

Answer 1

Я никогда не видел флэш игра с HTML наслаивала для обработки текста. Я ожидаю, что по мере развития движка Javscript они в конечном итоге найдут, что им также нужно обработать текст рендеринга внутри холста. Хорошей новостью является то, что работа уже началась. 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> 

Фазер и CanvasInput демо можно увидеть здесь, http://codepen.io/jdnichollsc/pen/waVMdB?editors=001

Одним из недостатков является то, что вы должны использовать холст рендеринг в Phaser использовании Phaser.CANVAS и не Phaser.AUTO.

UPDATE: кто-то сделал это слишком https://github.com/orange-games/phaser-input

Answer 2

Есть много вариантов, которые вы можете сделать, но как насчет окна подскажут

var player = prompt("Please enter your name", "name"); 

, то вы можете сохранить его с помощью локального хранилища

localStorage.setItem("playerName", player); 

, если вы хотите использовать его позже

localStorage.getItem("playerName"); 

Answer 3

В моей игре я использовал модальный (http://getbootstrap.com/javascript/#modals), чтобы разрешить вводить имя пользователя. Я также реализовал таблицу лидеров. Для того, чтобы сохранить пользователь и оценки (+ раз) Я интегрирован с разбором (https://www.parse.com/)

Рабочего примером: http://majery.pl/memo/

Answer 4

Рассмотрите возможность использования CanvasInput библиотеки. Он создает собственные входные данные на основе canvas и очень легко используется. Вы добавляете его в свой create метод и продолжаете оттуда. Here's an example его использования с Phaser.