felix/workadventure
1
0
Fork 0
Code Pull Requests Releases Activity

Storing user name in local storage

Browse Source
This commit is contained in:
David Négrier 2020-05-26 22:17:00 +02:00
parent f36bd240a7
commit 52e3b47cc1
2 changed files with 17 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
front/src/Phaser/Components/TextInput.ts
View File

@ -2,8 +2,9 @@
export class TextInput extends Phaser.GameObjects.BitmapText { export class TextInput extends Phaser.GameObjects.BitmapText {
private underLineLength = 10; private underLineLength = 10;
private underLine: Phaser.GameObjects.Text; private underLine: Phaser.GameObjects.Text;
constructor(scene: Phaser.Scene, x: number, y: number, maxLength: number) {
super(scene, x, y, 'main_font', '', 32); constructor(scene: Phaser.Scene, x: number, y: number, maxLength: number, text: string, onChange: (text: string) => void) {
super(scene, x, y, 'main_font', text, 32);
this.scene.add.existing(this); this.scene.add.existing(this);
this.underLine = this.scene.add.text(x, y+1, '_______', { fontFamily: 'Arial', fontSize: "32px", color: '#ffffff'}) this.underLine = this.scene.add.text(x, y+1, '_______', { fontFamily: 'Arial', fontSize: "32px", color: '#ffffff'})
@ -17,6 +18,7 @@ export class TextInput extends Phaser.GameObjects.BitmapText {
} else if ((event.keyCode === 32 || (event.keyCode >= 48 && event.keyCode <= 90)) && this.text.length < maxLength) { } else if ((event.keyCode === 32 || (event.keyCode >= 48 && event.keyCode <= 90)) && this.text.length < maxLength) {
this.addLetter(event.key); this.addLetter(event.key);
} }
onChange(this.text);
}); });
} }
@ -38,6 +40,4 @@ export class TextInput extends Phaser.GameObjects.BitmapText {
getText(): string { getText(): string {
return this.text; return this.text;
} }
} }

18
front/src/Phaser/Login/LoginScene.ts
View File

@ -21,11 +21,15 @@ export class LoginScene extends Phaser.Scene {
private infoTextField: TextField; private infoTextField: TextField;
private pressReturnField: TextField; private pressReturnField: TextField;
private logo: Image; private logo: Image;
private name: string;
constructor() { constructor() {
super({ super({
key: LoginSceneName key: LoginSceneName
}); });
if (window.localStorage && window.localStorage.playerName) {
this.name = window.localStorage.getItem('playerName');
}
} }
preload() { preload() {
@ -50,7 +54,12 @@ export class LoginScene extends Phaser.Scene {
this.textField = new TextField(this, this.game.renderer.width / 2, 50, 'Enter your name:'); this.textField = new TextField(this, this.game.renderer.width / 2, 50, 'Enter your name:');
this.textField.setOrigin(0.5).setCenterAlign() this.textField.setOrigin(0.5).setCenterAlign()
this.nameInput = new TextInput(this, this.game.renderer.width / 2 - 64, 70, 4); this.nameInput = new TextInput(this, this.game.renderer.width / 2 - 64, 70, 4, this.name,(text: string) => {
this.name = text;
if (window.localStorage) {
window.localStorage.setItem('playerName', text);
}
});
this.pressReturnField = new TextField(this, this.game.renderer.width / 2, 130, 'Press enter to start'); this.pressReturnField = new TextField(this, this.game.renderer.width / 2, 130, 'Press enter to start');
this.pressReturnField.setOrigin(0.5).setCenterAlign() this.pressReturnField.setOrigin(0.5).setCenterAlign()
@ -62,18 +71,17 @@ export class LoginScene extends Phaser.Scene {
this.infoTextField = new TextField(this, 10, this.game.renderer.height - 35, infoText); this.infoTextField = new TextField(this, 10, this.game.renderer.height - 35, infoText);
this.input.keyboard.on('keyup-ENTER', () => { this.input.keyboard.on('keyup-ENTER', () => {
let name = this.nameInput.getText(); if (this.name === '') {
if (name === '') {
return return
} }
this.login(name); this.login(this.name);
}); });
cypressAsserter.initFinished(); cypressAsserter.initFinished();
} }
update(time: number, delta: number): void { update(time: number, delta: number): void {
if (this.nameInput.getText() == '') { if (this.name == '') {
this.pressReturnField.setVisible(false); this.pressReturnField.setVisible(false);
} else { } else {
this.pressReturnField.setVisible(!!(Math.floor(time / 500) % 2)); this.pressReturnField.setVisible(!!(Math.floor(time / 500) % 2));