diff options
author | Matthias Schiffer <mschiffer@universe-factory.net> | 2018-11-09 13:27:49 +0100 |
---|---|---|
committer | Matthias Schiffer <mschiffer@universe-factory.net> | 2018-11-09 13:27:49 +0100 |
commit | 453a9391ccf1ab0c7a6869c44664bfcdd1b68fa1 (patch) | |
tree | 1990de3e2da6c88cf48310a53937d0decac20329 /src/view | |
parent | e0eddb8741b840df97380e557abd51b47a5e2eee (diff) | |
download | rpgedit-453a9391ccf1ab0c7a6869c44664bfcdd1b68fa1.tar rpgedit-453a9391ccf1ab0c7a6869c44664bfcdd1b68fa1.zip |
Allow interacting with entities
Diffstat (limited to 'src/view')
-rw-r--r-- | src/view/input/directionhandler.ts | 37 | ||||
-rw-r--r-- | src/view/input/gameinput.ts | 78 | ||||
-rw-r--r-- | src/view/input/inputhandler.ts | 24 |
3 files changed, 90 insertions, 49 deletions
diff --git a/src/view/input/directionhandler.ts b/src/view/input/directionhandler.ts deleted file mode 100644 index 0a3687e..0000000 --- a/src/view/input/directionhandler.ts +++ /dev/null @@ -1,37 +0,0 @@ -import { InputHandler } from './inputhandler'; - -import { Listenable } from '../../util'; - -import { vec2 } from 'gl-matrix'; - -export const enum Keycode { - Left = 37, - Up = 38, - Right = 39, - Down = 40, -} - -export class DirectionHandler extends Listenable<[vec2]> { - private readonly input: InputHandler; - - constructor() { - super(); - - this.input = new InputHandler(new Set([Keycode.Left, Keycode.Up, Keycode.Right, Keycode.Down])); - - this.input.addListener(() => { - const dir = vec2.create(); - - if (this.input.has(Keycode.Left)) - vec2.add(dir, dir, [-1, 0]); - if (this.input.has(Keycode.Up)) - vec2.add(dir, dir, [0, -1]); - if (this.input.has(Keycode.Right)) - vec2.add(dir, dir, [1, 0]); - if (this.input.has(Keycode.Down)) - vec2.add(dir, dir, [0, 1]); - - this.runListeners(dir); - }); - } -} diff --git a/src/view/input/gameinput.ts b/src/view/input/gameinput.ts new file mode 100644 index 0000000..f3066e3 --- /dev/null +++ b/src/view/input/gameinput.ts @@ -0,0 +1,78 @@ +import { InputHandler } from './inputhandler'; + +import { Listenable } from '../../util'; + +import { vec2 } from 'gl-matrix'; + +export enum ButtonCode { + Action, + Back, + Menu, +} + +const buttonMapping: {[key: string]: ButtonCode} = { + KeyZ: ButtonCode.Action, + KeyX: ButtonCode.Back, + KeyC: ButtonCode.Menu, +}; + +export interface DirectionInput { + type: 'direction'; + direction: vec2; +} + +export interface ButtonInput { + type: 'button'; + button: ButtonCode; +} + +export type GameInput = DirectionInput | ButtonInput; + +export class GameInputHandler extends Listenable<[GameInput]> { + private readonly input: InputHandler; + + constructor() { + super(); + + this.input = new InputHandler( + new Set([ + 'ArrowLeft', + 'ArrowUp', + 'ArrowRight', + 'ArrowDown', + ...Object.keys(buttonMapping), + ])); + + this.input.addListener((key: string, pressed: boolean) => { + const button = buttonMapping[key]; + if (button !== undefined) { + if (pressed) + this.runListeners({ + type: 'button', + button, + }); + + return; + } + + const dir = vec2.create(); + + if (this.input.has('ArrowLeft')) + vec2.add(dir, dir, [-1, 0]); + if (this.input.has('ArrowUp')) + vec2.add(dir, dir, [0, -1]); + if (this.input.has('ArrowRight')) + vec2.add(dir, dir, [1, 0]); + if (this.input.has('ArrowDown')) + vec2.add(dir, dir, [0, 1]); + + if (vec2.sqrLen(dir) > 0) + vec2.normalize(dir, dir); + + this.runListeners({ + type: 'direction', + direction: dir, + }); + }); + } +} diff --git a/src/view/input/inputhandler.ts b/src/view/input/inputhandler.ts index 96f15dd..22fdc28 100644 --- a/src/view/input/inputhandler.ts +++ b/src/view/input/inputhandler.ts @@ -1,39 +1,39 @@ import { Listenable } from '../../util'; -export class InputHandler extends Listenable<[]> { - private readonly keys: Set<number> = new Set(); +export class InputHandler extends Listenable<[string, boolean]> { + private readonly keys: Set<string> = new Set(); - constructor(relevantKeys: Set<number>) { + constructor(relevantKeys: Set<string>) { super(); window.addEventListener('keydown', (ev) => { - if (!relevantKeys.has(ev.keyCode)) + if (!relevantKeys.has(ev.code)) return; ev.preventDefault(); - if (this.keys.has(ev.keyCode)) + if (ev.repeat) return; - this.keys.add(ev.keyCode); - this.runListeners(); + this.keys.add(ev.code); + this.runListeners(ev.code, true); }); window.addEventListener('keyup', (ev) => { - if (!relevantKeys.has(ev.keyCode)) + if (!relevantKeys.has(ev.code)) return; ev.preventDefault(); - if (!this.keys.has(ev.keyCode)) + if (!this.keys.has(ev.code)) return; - this.keys.delete(ev.keyCode); - this.runListeners(); + this.keys.delete(ev.code); + this.runListeners(ev.code, false); }); } - public has(key: number): boolean { + public has(key: string): boolean { return this.keys.has(key); } } |