-
Notifications
You must be signed in to change notification settings - Fork 0
/
controller.js
57 lines (50 loc) · 1.57 KB
/
controller.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
function keyTyped() {
if (key == 's') {
setItUp();
}
else if (key == ' ') {
$('#playpause').click();
}
}
function setItUp() {
setupCities();
redraw();
}
function togglePause() {
if (paused) {
paused = false;
$('#playpause').prop('checked', false);
loop();
}
else {
paused = true;
$('#playpause').prop('checked', true);
noLoop();
}
}
$('#playpause').on('click', togglePause);
$('#set-it-up').on('click', setItUp);
const speedSlider = document.querySelector('#speed-slider');
const speedValue = document.querySelector('#speed-value');
speedSlider.addEventListener('input', e => {
speedValue.textContent = speedSlider.value;
FPS += (speedSlider.value - FPS)
});
const citiesSlider = document.querySelector('#cities-slider');
const citiesValue = document.querySelector('#cities-value');
citiesSlider.addEventListener('input', e => {
citiesValue.textContent = citiesSlider.value;
TOTAL_CITIES += (citiesSlider.value - TOTAL_CITIES)
});
const popSlider = document.querySelector('#pop-slider');
const popValue = document.querySelector('#pop-value');
popSlider.addEventListener('input', e => {
popValue.textContent = popSlider.value;
POP_SIZE += (popSlider.value - POP_SIZE)
});
const mutationSlider = document.querySelector('#mutation-slider');
const mutationValue = document.querySelector('#mutation-value');
mutationSlider.addEventListener('input', e => {
mutationValue.textContent = mutationSlider.value;
MUTATION_RATE += ((mutationSlider.value / 100) - MUTATION_RATE)
});