Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
mamayaya1
GitHub Repository: mamayaya1/game
Path: blob/main/projects/1/js/keyboard_input_manager.js
4626 views
1
function KeyboardInputManager() {
2
this.events = {};
3
4
if (window.navigator.msPointerEnabled) {
5
//Internet Explorer 10 style
6
this.eventTouchstart = "MSPointerDown";
7
this.eventTouchmove = "MSPointerMove";
8
this.eventTouchend = "MSPointerUp";
9
} else {
10
this.eventTouchstart = "touchstart";
11
this.eventTouchmove = "touchmove";
12
this.eventTouchend = "touchend";
13
}
14
15
this.listen();
16
}
17
18
KeyboardInputManager.prototype.on = function (event, callback) {
19
if (!this.events[event]) {
20
this.events[event] = [];
21
}
22
this.events[event].push(callback);
23
};
24
25
KeyboardInputManager.prototype.emit = function (event, data) {
26
var callbacks = this.events[event];
27
if (callbacks) {
28
callbacks.forEach(function (callback) {
29
callback(data);
30
});
31
}
32
};
33
34
KeyboardInputManager.prototype.listen = function () {
35
var self = this;
36
37
var map = {
38
38: 0, // Up
39
39: 1, // Right
40
40: 2, // Down
41
37: 3, // Left
42
75: 0, // vim keybindings
43
76: 1,
44
74: 2,
45
72: 3,
46
87: 0, // W
47
68: 1, // D
48
83: 2, // S
49
65: 3 // A
50
};
51
52
document.addEventListener("keydown", function (event) {
53
var modifiers = event.altKey || event.ctrlKey || event.metaKey ||
54
event.shiftKey;
55
var mapped = map[event.which];
56
57
if (!modifiers) {
58
if (mapped !== undefined) {
59
event.preventDefault();
60
self.emit("move", mapped);
61
}
62
63
if (event.which === 32) self.restart.bind(self)(event);
64
}
65
});
66
67
var retry = document.querySelector(".retry-button");
68
retry.addEventListener("click", this.restart.bind(this));
69
retry.addEventListener(this.eventTouchend, this.restart.bind(this));
70
71
var keepPlaying = document.querySelector(".keep-playing-button");
72
keepPlaying.addEventListener("click", this.keepPlaying.bind(this));
73
keepPlaying.addEventListener("touchend", this.keepPlaying.bind(this));
74
75
// Listen to swipe events
76
var touchStartClientX, touchStartClientY;
77
var gameContainer = document.getElementsByClassName("game-container")[0];
78
79
gameContainer.addEventListener(this.eventTouchstart, function (event) {
80
if (( !window.navigator.msPointerEnabled && event.touches.length > 1) || event.targetTouches > 1) return;
81
82
if(window.navigator.msPointerEnabled){
83
touchStartClientX = event.pageX;
84
touchStartClientY = event.pageY;
85
} else {
86
touchStartClientX = event.touches[0].clientX;
87
touchStartClientY = event.touches[0].clientY;
88
}
89
90
event.preventDefault();
91
});
92
93
gameContainer.addEventListener(this.eventTouchmove, function (event) {
94
event.preventDefault();
95
});
96
97
gameContainer.addEventListener(this.eventTouchend, function (event) {
98
if (( !window.navigator.msPointerEnabled && event.touches.length > 0) || event.targetTouches > 0) return;
99
100
var touchEndClientX, touchEndClientY;
101
if(window.navigator.msPointerEnabled){
102
touchEndClientX = event.pageX;
103
touchEndClientY = event.pageY;
104
} else {
105
touchEndClientX = event.changedTouches[0].clientX;
106
touchEndClientY = event.changedTouches[0].clientY;
107
}
108
109
var dx = touchEndClientX - touchStartClientX;
110
var absDx = Math.abs(dx);
111
112
var dy = touchEndClientY - touchStartClientY;
113
var absDy = Math.abs(dy);
114
115
if (Math.max(absDx, absDy) > 10) {
116
// (right : left) : (down : up)
117
self.emit("move", absDx > absDy ? (dx > 0 ? 1 : 3) : (dy > 0 ? 2 : 0));
118
}
119
});
120
};
121
122
KeyboardInputManager.prototype.restart = function (event) {
123
event.preventDefault();
124
this.emit("restart");
125
};
126
127
KeyboardInputManager.prototype.keepPlaying = function (event) {
128
event.preventDefault();
129
this.emit("keepPlaying");
130
};
131