Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
mamayaya1
GitHub Repository: mamayaya1/game
Path: blob/main/projects/cupcake2048/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 up
43
76: 1, // Vim right
44
74: 2, // Vim down
45
72: 3, // Vim left
46
87: 0, // W
47
68: 1, // D
48
83: 2, // S
49
65: 3 // A
50
};
51
52
// Respond to direction keys
53
document.addEventListener("keydown", function (event) {
54
var modifiers = event.altKey || event.ctrlKey || event.metaKey ||
55
event.shiftKey;
56
var mapped = map[event.which];
57
58
if (!modifiers) {
59
if (mapped !== undefined) {
60
event.preventDefault();
61
self.emit("move", mapped);
62
}
63
}
64
65
// R key restarts the game
66
if (!modifiers && event.which === 82) {
67
self.restart.call(self, event);
68
}
69
});
70
71
// Respond to button presses
72
/* this.bindButtonPress(".crowd-button", this.crowd); */
73
this.bindButtonPress(".retry-button", this.restart);
74
this.bindButtonPress(".restart-button", this.restart);
75
this.bindButtonPress(".keep-playing-button", this.keepPlaying);
76
77
// Respond to swipe events
78
var touchStartClientX, touchStartClientY;
79
var gameContainer = document.getElementsByClassName("game-container")[0];
80
81
gameContainer.addEventListener(this.eventTouchstart, function (event) {
82
if ((!window.navigator.msPointerEnabled && event.touches.length > 1) ||
83
event.targetTouches > 1) {
84
return; // Ignore if touching with more than 1 finger
85
}
86
87
if (window.navigator.msPointerEnabled) {
88
touchStartClientX = event.pageX;
89
touchStartClientY = event.pageY;
90
} else {
91
touchStartClientX = event.touches[0].clientX;
92
touchStartClientY = event.touches[0].clientY;
93
}
94
95
event.preventDefault();
96
});
97
98
gameContainer.addEventListener(this.eventTouchmove, function (event) {
99
event.preventDefault();
100
});
101
102
gameContainer.addEventListener(this.eventTouchend, function (event) {
103
if ((!window.navigator.msPointerEnabled && event.touches.length > 0) ||
104
event.targetTouches > 0) {
105
return; // Ignore if still touching with one or more fingers
106
}
107
108
var touchEndClientX, touchEndClientY;
109
110
if (window.navigator.msPointerEnabled) {
111
touchEndClientX = event.pageX;
112
touchEndClientY = event.pageY;
113
} else {
114
touchEndClientX = event.changedTouches[0].clientX;
115
touchEndClientY = event.changedTouches[0].clientY;
116
}
117
118
var dx = touchEndClientX - touchStartClientX;
119
var absDx = Math.abs(dx);
120
121
var dy = touchEndClientY - touchStartClientY;
122
var absDy = Math.abs(dy);
123
124
if (Math.max(absDx, absDy) > 10) {
125
// (right : left) : (down : up)
126
self.emit("move", absDx > absDy ? (dx > 0 ? 1 : 3) : (dy > 0 ? 2 : 0));
127
}
128
});
129
};
130
131
KeyboardInputManager.prototype.restart = function (event) {
132
event.preventDefault();
133
this.emit("restart");
134
};
135
136
KeyboardInputManager.prototype.keepPlaying = function (event) {
137
event.preventDefault();
138
this.emit("keepPlaying");
139
};
140
141
KeyboardInputManager.prototype.crowd = function (event) {
142
event.preventDefault();
143
this.emit("crowd");
144
};
145
146
KeyboardInputManager.prototype.bindButtonPress = function (selector, fn) {
147
var button = document.querySelector(selector);
148
button.addEventListener("click", fn.bind(this));
149
button.addEventListener(this.eventTouchend, fn.bind(this));
150
};
151
152