-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathtest.js
50 lines (45 loc) · 18.4 KB
/
test.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
let canvas = document.getElementById("canvas");
let context = canvas.getContext("2d");
let switchPalette = "hsla";
canvas.addEventListener("dblclick", function(event) {
if (switchPalette === "hsla") {
for (const bulle of bulles) {
this.setColorsHLSA();
switchPalette = "degrade";
}
} else if (switchPalette === "degrade") {
for (const bulle of bulles) {
this.setColorsDegrade(50);
switchPalette = "rgb";
}
} else {
for (const bulle of bulles) {
this.setColorsRGB();
switchPalette = "hsla";
}
}
});
let bulles = [];
const bullesJson = [{"x": 19,"y": 1,"r": 1,"c": 45 }, {"x": 8,"y": 1,"r": 5,"c": 19 }, {"x": 7,"y": 1,"r": 1,"c": 66 }, {"x": 12,"y": 3,"r": 1,"c": 75 }, {"x": 1,"y": 1,"r": 1,"c": 69 }, {"x": 8,"y": 1,"r": 1,"c": 54 }, {"x": 1,"y": 4,"r": 1,"c": 38 }, {"x": 14,"y": 5,"r": 4,"c": 28 }, {"x": 3,"y": 1,"r": 2,"c": 39 }, {"x": 13,"y": 5,"r": 4,"c": 83 }, {"x": 1,"y": 1,"r": 1,"c": 47 }, {"x": 8,"y": 2,"r": 1,"c": 15 }, {"x": 2,"y": 5,"r": 1,"c": 91 }, {"x": 8,"y": 4,"r": 1,"c": 53 }, {"x": 12,"y": 5,"r": 1,"c": 32 }, {"x": 9,"y": 4,"r": 2,"c": 72 }, {"x": 19,"y": 1,"r": 2,"c": 22 }, {"x": 1,"y": 3,"r": 1,"c": 72 }, {"x": 19,"y": 4,"r": 1,"c": 71 }, {"x": 19,"y": 1,"r": 1,"c": 84 }, {"x": 19,"y": 1,"r": 3,"c": 30 }, {"x": 7,"y": 3,"r": 1,"c": 44 }, {"x": 15,"y": 4,"r": 1,"c": 78 }, {"x": 9,"y": 2,"r": 3,"c": 65 }, {"x": 1,"y": 1,"r": 4,"c": 59 }, {"x": 2,"y": 1,"r": 2,"c": 97 }, {"x": 8,"y": 1,"r": 1,"c": 45 }, {"x": 15,"y": 1,"r": 2,"c": 9 }, {"x": 1,"y": 1,"r": 5,"c": 99 }, {"x": 14,"y": 1,"r": 3,"c": 70 }, {"x": 9,"y": 2,"r": 3,"c": 12 }, {"x": 5,"y": 2,"r": 5,"c": 85 }, {"x": 3,"y": 1,"r": 4,"c": 37 }, {"x": 5,"y": 5,"r": 3,"c": 36 }, {"x": 4,"y": 5,"r": 1,"c": 57 }, {"x": 19,"y": 2,"r": 1,"c": 85 }, {"x": 19,"y": 4,"r": 2,"c": 73 }, {"x": 11,"y": 1,"r": 3,"c": 62 }, {"x": 14,"y": 1,"r": 5,"c": 18 }, {"x": 1,"y": 1,"r": 2,"c": 90 }, {"x": 7,"y": 1,"r": 4,"c": 72 }, {"x": 20,"y": 1,"r": 4,"c": 99 }, {"x": 6,"y": 1,"r": 1,"c": 27 }, {"x": 9,"y": 1,"r": 4,"c": 37 }, {"x": 6,"y": 1,"r": 1,"c": 93 }, {"x": 2,"y": 1,"r": 1,"c": 10 }, {"x": 13,"y": 3,"r": 1,"c": 63 }, {"x": 5,"y": 4,"r": 5,"c": 47 }, {"x": 7,"y": 1,"r": 1,"c": 82 }, {"x": 4,"y": 1,"r": 2,"c": 95 }, {"x": 18,"y": 4,"r": 1,"c": 85 }, {"x": 20,"y": 1,"r": 2,"c": 8 }, {"x": 1,"y": 4,"r": 4,"c": 23 }, {"x": 9,"y": 1,"r": 5,"c": 65 }, {"x": 17,"y": 2,"r": 2,"c": 17 }, {"x": 13,"y": 1,"r": 1,"c": 64 }, {"x": 9,"y": 1,"r": 3,"c": 33 }, {"x": 5,"y": 2,"r": 1,"c": 44 }, {"x": 1,"y": 4,"r": 3,"c": 1 }, {"x": 10,"y": 1,"r": 1,"c": 54 }, {"x": 4,"y": 2,"r": 3,"c": 55 }, {"x": 12,"y": 1,"r": 2,"c": 79 }, {"x": 5,"y": 1,"r": 1,"c": 4 }, {"x": 2,"y": 1,"r": 3,"c": 98 }, {"x": 19,"y": 2,"r": 1,"c": 29 }, {"x": 7,"y": 1,"r": 3,"c": 68 }, {"x": 8,"y": 4,"r": 2,"c": 83 }, {"x": 7,"y": 5,"r": 1,"c": 78 }, {"x": 7,"y": 1,"r": 2,"c": 64 }, {"x": 4,"y": 5,"r": 3,"c": 49 }, {"x": 4,"y": 3,"r": 5,"c": 43 }, {"x": 18,"y": 4,"r": 2,"c": 91 }, {"x": 1,"y": 2,"r": 3,"c": 89 }, {"x": 5,"y": 3,"r": 2,"c": 66 }, {"x": 9,"y": 2,"r": 5,"c": 72 }, {"x": 10,"y": 5,"r": 1,"c": 21 }, {"x": 1,"y": 1,"r": 2,"c": 83 }, {"x": 15,"y": 5,"r": 4,"c": 90 }, {"x": 1,"y": 1,"r": 5,"c": 4 }, {"x": 14,"y": 4,"r": 5,"c": 49 }, {"x": 9,"y": 2,"r": 1,"c": 99 }, {"x": 11,"y": 3,"r": 1,"c": 57 }, {"x": 5,"y": 5,"r": 5,"c": 55 }, {"x": 17,"y": 1,"r": 5,"c": 33 }, {"x": 10,"y": 1,"r": 5,"c": 85 }, {"x": 11,"y": 4,"r": 1,"c": 13 }, {"x": 11,"y": 5,"r": 1,"c": 80 }, {"x": 3,"y": 2,"r": 1,"c": 34 }, {"x": 19,"y": 2,"r": 5,"c": 78 }, {"x": 5,"y": 1,"r": 4,"c": 94 }, {"x": 8,"y": 2,"r": 4,"c": 5 }, {"x": 16,"y": 5,"r": 1,"c": 20 }, {"x": 16,"y": 3,"r": 3,"c": 67 }, {"x": 5,"y": 1,"r": 4,"c": 28 }, {"x": 8,"y": 4,"r": 4,"c": 74 }, {"x": 20,"y": 1,"r": 3,"c": 34 }, {"x": 14,"y": 5,"r": 5,"c": 1 }, {"x": 15,"y": 3,"r": 2,"c": 76 }, {"x": 10,"y": 5,"r": 5,"c": 93 }, {"x": 5,"y": 3,"r": 5,"c": 16 }, {"x": 13,"y": 4,"r": 2,"c": 90 }, {"x": 3,"y": 4,"r": 3,"c": 32 }, {"x": 18,"y": 5,"r": 4,"c": 33 }, {"x": 9,"y": 4,"r": 3,"c": 66 }, {"x": 1,"y": 1,"r": 1,"c": 89 }, {"x": 2,"y": 3,"r": 5,"c": 33 }, {"x": 10,"y": 3,"r": 1,"c": 42 }, {"x": 2,"y": 1,"r": 5,"c": 21 }, {"x": 11,"y": 2,"r": 4,"c": 91 }, {"x": 18,"y": 1,"r": 3,"c": 9 }, {"x": 1,"y": 1,"r": 1,"c": 91 }, {"x": 15,"y": 3,"r": 2,"c": 35 }, {"x": 10,"y": 5,"r": 3,"c": 95 }, {"x": 2,"y": 2,"r": 5,"c": 84 }, {"x": 19,"y": 3,"r": 5,"c": 86 }, {"x": 20,"y": 5,"r": 5,"c": 71 }, {"x": 7,"y": 1,"r": 4,"c": 37 }, {"x": 20,"y": 2,"r": 2,"c": 77 }, {"x": 13,"y": 1,"r": 2,"c": 42 }, {"x": 1,"y": 1,"r": 1,"c": 40 }, {"x": 8,"y": 3,"r": 2,"c": 35 }, {"x": 6,"y": 1,"r": 4,"c": 2 }, {"x": 3,"y": 2,"r": 1,"c": 72 }, {"x": 17,"y": 1,"r": 5,"c": 61 }, {"x": 5,"y": 1,"r": 1,"c": 68 }, {"x": 10,"y": 2,"r": 1,"c": 19 }, {"x": 16,"y": 5,"r": 3,"c": 41 }, {"x": 8,"y": 1,"r": 1,"c": 45 }, {"x": 4,"y": 2,"r": 5,"c": 42 }, {"x": 6,"y": 2,"r": 2,"c": 66 }, {"x": 9,"y": 2,"r": 5,"c": 5 }, {"x": 9,"y": 2,"r": 4,"c": 6 }, {"x": 9,"y": 1,"r": 1,"c": 74 }, {"x": 1,"y": 1,"r": 4,"c": 77 }, {"x": 18,"y": 1,"r": 1,"c": 75 }, {"x": 1,"y": 2,"r": 4,"c": 6 }, {"x": 13,"y": 5,"r": 5,"c": 36 }, {"x": 20,"y": 5,"r": 2,"c": 2 }, {"x": 2,"y": 1,"r": 2,"c": 36 }, {"x": 16,"y": 1,"r": 1,"c": 49 }, {"x": 8,"y": 3,"r": 4,"c": 85 }, {"x": 9,"y": 5,"r": 1,"c": 45 }, {"x": 7,"y": 1,"r": 2,"c": 8 }, {"x": 3,"y": 1,"r": 3,"c": 48 }, {"x": 5,"y": 1,"r": 2,"c": 97 }, {"x": 11,"y": 4,"r": 1,"c": 13 }, {"x": 9,"y": 1,"r": 5,"c": 51 }, {"x": 17,"y": 2,"r": 5,"c": 65 }, {"x": 3,"y": 1,"r": 1,"c": 53 }, {"x": 1,"y": 1,"r": 4,"c": 5 }, {"x": 8,"y": 2,"r": 4,"c": 68 }, {"x": 19,"y": 3,"r": 3,"c": 77 }, {"x": 3,"y": 4,"r": 5,"c": 65 }, {"x": 6,"y": 3,"r": 1,"c": 89 }, {"x": 18,"y": 5,"r": 5,"c": 15 }, {"x": 10,"y": 3,"r": 1,"c": 9 }, {"x": 15,"y": 5,"r": 5,"c": 87 }, {"x": 9,"y": 5,"r": 5,"c": 33 }, {"x": 16,"y": 5,"r": 3,"c": 92 }, {"x": 1,"y": 4,"r": 1,"c": 67 }, {"x": 8,"y": 3,"r": 2,"c": 99 }, {"x": 10,"y": 2,"r": 3,"c": 42 }, {"x": 19,"y": 5,"r": 1,"c": 74 }, {"x": 1,"y": 3,"r": 5,"c": 42 }, {"x": 8,"y": 5,"r": 5,"c": 1 }, {"x": 17,"y": 5,"r": 2,"c": 40 }, {"x": 10,"y": 4,"r": 4,"c": 52 }, {"x": 12,"y": 4,"r": 3,"c": 85 }, {"x": 6,"y": 1,"r": 2,"c": 34 }, {"x": 1,"y": 5,"r": 3,"c": 91 }, {"x": 4,"y": 2,"r": 4,"c": 64 }, {"x": 17,"y": 5,"r": 2,"c": 43 }, {"x": 11,"y": 1,"r": 5,"c": 96 }, {"x": 5,"y": 1,"r": 1,"c": 1 }, {"x": 13,"y": 3,"r": 1,"c": 55 }, {"x": 4,"y": 4,"r": 1,"c": 24 }, {"x": 6,"y": 5,"r": 4,"c": 17 }, {"x": 6,"y": 4,"r": 3,"c": 92 }, {"x": 4,"y": 1,"r": 4,"c": 23 }, {"x": 9,"y": 1,"r": 1,"c": 81 }, {"x": 1,"y": 1,"r": 1,"c": 21 }, {"x": 10,"y": 5,"r": 5,"c": 38 }, {"x": 20,"y": 4,"r": 1,"c": 94 }, {"x": 20,"y": 2,"r": 4,"c": 35 }, {"x": 11,"y": 3,"r": 3,"c": 44 }, {"x": 13,"y": 4,"r": 2,"c": 29 }, {"x": 17,"y": 2,"r": 5,"c": 40 }, {"x": 3,"y": 1,"r": 1,"c": 2 }, {"x": 20,"y": 2,"r": 5,"c": 98 }, {"x": 13,"y": 2,"r": 5,"c": 13 }, {"x": 1,"y": 3,"r": 4,"c": 31 }, {"x": 5,"y": 4,"r": 2,"c": 84 }, {"x": 8,"y": 3,"r": 4,"c": 83 }, {"x": 15,"y": 4,"r": 2,"c": 95 }, {"x": 4,"y": 4,"r": 2,"c": 54 }, {"x": 16,"y": 1,"r": 4,"c": 57 }, {"x": 4,"y": 1,"r": 1,"c": 90 }, {"x": 15,"y": 3,"r": 4,"c": 61 }, {"x": 4,"y": 2,"r": 4,"c": 69 }, {"x": 6,"y": 3,"r": 3,"c": 53 }, {"x": 15,"y": 2,"r": 1,"c": 57 }, {"x": 16,"y": 1,"r": 3,"c": 44 }, {"x": 6,"y": 2,"r": 2,"c": 14 }, {"x": 5,"y": 4,"r": 5,"c": 33 }, {"x": 1,"y": 1,"r": 1,"c": 87 }, {"x": 12,"y": 5,"r": 2,"c": 2 }, {"x": 15,"y": 4,"r": 3,"c": 23 }, {"x": 1,"y": 1,"r": 3,"c": 59 }, {"x": 16,"y": 1,"r": 1,"c": 40 }, {"x": 4,"y": 2,"r": 2,"c": 95 }, {"x": 16,"y": 3,"r": 5,"c": 34 }, {"x": 2,"y": 2,"r": 3,"c": 83 }, {"x": 10,"y": 1,"r": 4,"c": 52 }, {"x": 13,"y": 2,"r": 5,"c": 73 }, {"x": 18,"y": 2,"r": 3,"c": 3 }, {"x": 1,"y": 3,"r": 1,"c": 46 }, {"x": 3,"y": 3,"r": 3,"c": 36 }, {"x": 10,"y": 2,"r": 5,"c": 54 }, {"x": 7,"y": 4,"r": 3,"c": 73 }, {"x": 3,"y": 4,"r": 1,"c": 51 }, {"x": 1,"y": 4,"r": 4,"c": 44 }, {"x": 8,"y": 5,"r": 1,"c": 76 }, {"x": 17,"y": 2,"r": 2,"c": 30 }, {"x": 20,"y": 1,"r": 5,"c": 42 }, {"x": 13,"y": 3,"r": 1,"c": 91 }, {"x": 2,"y": 4,"r": 5,"c": 86 }, {"x": 15,"y": 2,"r": 2,"c": 55 }, {"x": 20,"y": 1,"r": 1,"c": 2 }, {"x": 2,"y": 1,"r": 1,"c": 52 }, {"x": 20,"y": 4,"r": 2,"c": 94 }, {"x": 15,"y": 5,"r": 5,"c": 71 }, {"x": 20,"y": 2,"r": 1,"c": 88 }, {"x": 15,"y": 1,"r": 4,"c": 29 }, {"x": 6,"y": 2,"r": 3,"c": 66 }, {"x": 8,"y": 2,"r": 1,"c": 73 }, {"x": 12,"y": 1,"r": 2,"c": 90 }, {"x": 8,"y": 1,"r": 5,"c": 25 }, {"x": 9,"y": 5,"r": 1,"c": 1 }, {"x": 7,"y": 4,"r": 2,"c": 29 }, {"x": 13,"y": 1,"r": 2,"c": 71 }, {"x": 6,"y": 5,"r": 1,"c": 70 }, {"x": 13,"y": 4,"r": 4,"c": 98 }, {"x": 3,"y": 1,"r": 1,"c": 96 }, {"x": 3,"y": 1,"r": 5,"c": 35 }, {"x": 20,"y": 1,"r": 5,"c": 62 }, {"x": 16,"y": 3,"r": 1,"c": 6 }, {"x": 17,"y": 5,"r": 4,"c": 13 }, {"x": 2,"y": 4,"r": 1,"c": 53 }, {"x": 16,"y": 5,"r": 2,"c": 67 }, {"x": 1,"y": 3,"r": 3,"c": 74 }, {"x": 1,"y": 5,"r": 1,"c": 20 }, {"x": 17,"y": 3,"r": 5,"c": 44 }, {"x": 16,"y": 5,"r": 2,"c": 76 }, {"x": 13,"y": 1,"r": 1,"c": 62 }, {"x": 17,"y": 5,"r": 1,"c": 17 }, {"x": 19,"y": 5,"r": 4,"c": 68 }, {"x": 18,"y": 4,"r": 5,"c": 24 }, {"x": 15,"y": 4,"r": 3,"c": 9 }, {"x": 12,"y": 3,"r": 4,"c": 4 }, {"x": 2,"y": 1,"r": 1,"c": 41 }, {"x": 11,"y": 1,"r": 3,"c": 42 }, {"x": 1,"y": 2,"r": 1,"c": 79 }, {"x": 1,"y": 2,"r": 2,"c": 72 }, {"x": 11,"y": 5,"r": 2,"c": 63 }, {"x": 11,"y": 3,"r": 4,"c": 24 }, {"x": 8,"y": 5,"r": 3,"c": 44 }, {"x": 4,"y": 4,"r": 1,"c": 91 }, {"x": 14,"y": 1,"r": 4,"c": 85 }, {"x": 6,"y": 2,"r": 5,"c": 77 }, {"x": 16,"y": 3,"r": 3,"c": 37 }, {"x": 1,"y": 1,"r": 2,"c": 17 }, {"x": 20,"y": 2,"r": 2,"c": 73 }, {"x": 7,"y": 1,"r": 5,"c": 22 }, {"x": 11,"y": 1,"r": 4,"c": 10 }, {"x": 10,"y": 5,"r": 1,"c": 1 }, {"x": 4,"y": 2,"r": 1,"c": 18 }, {"x": 2,"y": 3,"r": 3,"c": 34 }, {"x": 8,"y": 5,"r": 5,"c": 70 }, {"x": 15,"y": 1,"r": 3,"c": 82 }, {"x": 11,"y": 5,"r": 1,"c": 41 }, {"x": 7,"y": 3,"r": 3,"c": 38 }, {"x": 11,"y": 4,"r": 2,"c": 60 }, {"x": 6,"y": 1,"r": 5,"c": 82 }, {"x": 3,"y": 5,"r": 4,"c": 34 }, {"x": 5,"y": 4,"r": 4,"c": 71 }, {"x": 3,"y": 1,"r": 4,"c": 24 }, {"x": 14,"y": 5,"r": 5,"c": 1 }, {"x": 20,"y": 2,"r": 4,"c": 38 }, {"x": 16,"y": 4,"r": 2,"c": 68 }, {"x": 9,"y": 2,"r": 3,"c": 74 }, {"x": 3,"y": 1,"r": 1,"c": 13 }, {"x": 5,"y": 5,"r": 2,"c": 93 }, {"x": 11,"y": 3,"r": 3,"c": 54 }, {"x": 3,"y": 2,"r": 5,"c": 50 }, {"x": 11,"y": 3,"r": 3,"c": 62 }, {"x": 17,"y": 2,"r": 3,"c": 8 }, {"x": 16,"y": 1,"r": 3,"c": 89 }, {"x": 7,"y": 2,"r": 1,"c": 88 }, {"x": 2,"y": 5,"r": 5,"c": 19 }, {"x": 7,"y": 3,"r": 1,"c": 40 }, {"x": 5,"y": 5,"r": 1,"c": 38 }, {"x": 11,"y": 1,"r": 5,"c": 40 }, {"x": 4,"y": 1,"r": 3,"c": 25 }, {"x": 6,"y": 1,"r": 1,"c": 86 }, {"x": 11,"y": 2,"r": 1,"c": 76 }, {"x": 16,"y": 1,"r": 4,"c": 14 }, {"x": 1,"y": 5,"r": 3,"c": 100 }, {"x": 1,"y": 4,"r": 4,"c": 16 }, {"x": 19,"y": 3,"r": 4,"c": 1 }, {"x": 17,"y": 1,"r": 4,"c": 65 }, {"x": 8,"y": 1,"r": 5,"c": 52 }, {"x": 1,"y": 1,"r": 1,"c": 61 }, {"x": 16,"y": 1,"r": 5,"c": 68 }, {"x": 10,"y": 4,"r": 2,"c": 79 }, {"x": 3,"y": 1,"r": 5,"c": 18 }, {"x": 2,"y": 4,"r": 3,"c": 52 }, {"x": 9,"y": 1,"r": 1,"c": 93 }, {"x": 14,"y": 1,"r": 4,"c": 47 }, {"x": 1,"y": 1,"r": 5,"c": 30 }, {"x": 4,"y": 5,"r": 1,"c": 62 }, {"x": 12,"y": 4,"r": 4,"c": 2 }, {"x": 15,"y": 3,"r": 1,"c": 5 }, {"x": 19,"y": 4,"r": 1,"c": 85 }, {"x": 16,"y": 2,"r": 4,"c": 62 }, {"x": 16,"y": 1,"r": 1,"c": 53 }, {"x": 10,"y": 5,"r": 2,"c": 19 }, {"x": 3,"y": 4,"r": 1,"c": 69 }, {"x": 17,"y": 1,"r": 3,"c": 97 }, {"x": 4,"y": 2,"r": 1,"c": 89 }, {"x": 10,"y": 1,"r": 1,"c": 72 }, {"x": 10,"y": 4,"r": 4,"c": 17 }, {"x": 15,"y": 1,"r": 2,"c": 30 }, {"x": 6,"y": 4,"r": 1,"c": 93 }, {"x": 14,"y": 1,"r": 5,"c": 31 }, {"x": 9,"y": 1,"r": 1,"c": 45 }, {"x": 9,"y": 1,"r": 2,"c": 45 }, {"x": 5,"y": 2,"r": 1,"c": 70 }, {"x": 5,"y": 1,"r": 2,"c": 81 }, {"x": 3,"y": 3,"r": 1,"c": 9 }, {"x": 2,"y": 5,"r": 1,"c": 31 }, {"x": 3,"y": 4,"r": 4,"c": 97 }, {"x": 7,"y": 1,"r": 5,"c": 32 }, {"x": 13,"y": 3,"r": 2,"c": 25 }, {"x": 20,"y": 1,"r": 1,"c": 54 }, {"x": 20,"y": 1,"r": 4,"c": 81 }, {"x": 14,"y": 5,"r": 2,"c": 84 }, {"x": 15,"y": 3,"r": 5,"c": 43 }, {"x": 17,"y": 1,"r": 3,"c": 48 }, {"x": 8,"y": 4,"r": 2,"c": 75 }, {"x": 2,"y": 4,"r": 4,"c": 30 }, {"x": 2,"y": 1,"r": 1,"c": 10 }, {"x": 14,"y": 2,"r": 2,"c": 25 }, {"x": 14,"y": 4,"r": 2,"c": 78 }, {"x": 13,"y": 4,"r": 4,"c": 53 }, {"x": 15,"y": 1,"r": 2,"c": 67 }, {"x": 8,"y": 1,"r": 1,"c": 19 }, {"x": 1,"y": 1,"r": 1,"c": 46 }, {"x": 3,"y": 1,"r": 1,"c": 9 }, {"x": 7,"y": 2,"r": 2,"c": 1 }, {"x": 10,"y": 3,"r": 5,"c": 29 }, {"x": 6,"y": 5,"r": 1,"c": 66 }, {"x": 20,"y": 1,"r": 4,"c": 87 }, {"x": 8,"y": 1,"r": 5,"c": 88 }, {"x": 3,"y": 4,"r": 1,"c": 45 }, {"x": 1,"y": 5,"r": 1,"c": 78 }, {"x": 13,"y": 3,"r": 5,"c": 6 }, {"x": 10,"y": 1,"r": 1,"c": 12 }, {"x": 14,"y": 3,"r": 1,"c": 32 }, {"x": 14,"y": 1,"r": 2,"c": 71 }, {"x": 5,"y": 1,"r": 2,"c": 12 }, {"x": 10,"y": 5,"r": 1,"c": 74 }, {"x": 19,"y": 5,"r": 2,"c": 81 }, {"x": 20,"y": 3,"r": 3,"c": 80 }, {"x": 4,"y": 5,"r": 4,"c": 25 }, {"x": 9,"y": 4,"r": 3,"c": 43 }, {"x": 6,"y": 1,"r": 4,"c": 32 }, {"x": 17,"y": 1,"r": 1,"c": 24 }, {"x": 19,"y": 3,"r": 1,"c": 35 }, {"x": 8,"y": 3,"r": 2,"c": 29 }, {"x": 5,"y": 1,"r": 2,"c": 16 }, {"x": 20,"y": 3,"r": 1,"c": 30 }, {"x": 10,"y": 1,"r": 2,"c": 38 }, {"x": 9,"y": 5,"r": 5,"c": 66 }, {"x": 5,"y": 1,"r": 1,"c": 84 }, {"x": 16,"y": 2,"r": 1,"c": 27 }, {"x": 20,"y": 1,"r": 2,"c": 61 }, {"x": 3,"y": 4,"r": 1,"c": 37 }, {"x": 5,"y": 1,"r": 1,"c": 15 }, {"x": 17,"y": 4,"r": 1,"c": 94 }, {"x": 14,"y": 1,"r": 5,"c": 77 }, {"x": 1,"y": 2,"r": 3,"c": 69 }, {"x": 18,"y": 1,"r": 1,"c": 51 }, {"x": 16,"y": 1,"r": 3,"c": 57 }, {"x": 10,"y": 4,"r": 2,"c": 84 }, {"x": 14,"y": 2,"r": 5,"c": 11 }, {"x": 18,"y": 2,"r": 5,"c": 23 }, {"x": 14,"y": 3,"r": 3,"c": 41 }, {"x": 14,"y": 3,"r": 2,"c": 37 }, {"x": 13,"y": 5,"r": 2,"c": 94 }, {"x": 14,"y": 1,"r": 5,"c": 45 }, {"x": 12,"y": 3,"r": 4,"c": 72 }, {"x": 18,"y": 4,"r": 1,"c": 96 }, {"x": 17,"y": 2,"r": 2,"c": 19 }, {"x": 1,"y": 1,"r": 3,"c": 18 }, {"x": 1,"y": 3,"r": 3,"c": 25 }, {"x": 1,"y": 5,"r": 1,"c": 78 }, {"x": 5,"y": 1,"r": 3,"c": 6 }, {"x": 4,"y": 1,"r": 1,"c": 20 }, {"x": 14,"y": 3,"r": 4,"c": 23 }, {"x": 6,"y": 2,"r": 5,"c": 96 }, {"x": 6,"y": 4,"r": 3,"c": 30 }, {"x": 3,"y": 4,"r": 1,"c": 56 }, {"x": 3,"y": 1,"r": 5,"c": 45 }, {"x": 19,"y": 1,"r": 3,"c": 59 }, {"x": 19,"y": 5,"r": 2,"c": 47 }, {"x": 14,"y": 2,"r": 1,"c": 73 }, {"x": 13,"y": 1,"r": 4,"c": 93 }, {"x": 15,"y": 4,"r": 4,"c": 86 }, {"x": 19,"y": 3,"r": 4,"c": 46 }, {"x": 16,"y": 1,"r": 1,"c": 51 }, {"x": 11,"y": 5,"r": 5,"c": 44 }, {"x": 16,"y": 1,"r": 1,"c": 64 }, {"x": 2,"y": 3,"r": 2,"c": 61 }, {"x": 6,"y": 5,"r": 2,"c": 29 }, {"x": 4,"y": 3,"r": 5,"c": 78 }, {"x": 14,"y": 1,"r": 3,"c": 73 }, {"x": 8,"y": 2,"r": 2,"c": 62 }, {"x": 20,"y": 3,"r": 4,"c": 74 }, {"x": 18,"y": 5,"r": 5,"c": 67 }, {"x": 1,"y": 1,"r": 4,"c": 36 }, {"x": 7,"y": 5,"r": 5,"c": 99 }, {"x": 2,"y": 2,"r": 3,"c": 34 }, {"x": 13,"y": 4,"r": 4,"c": 92 }, {"x": 6,"y": 4,"r": 3,"c": 86 }, {"x": 1,"y": 1,"r": 5,"c": 48 }, {"x": 14,"y": 1,"r": 1,"c": 50 }, {"x": 15,"y": 4,"r": 4,"c": 3 }, {"x": 4,"y": 4,"r": 5,"c": 36 }, {"x": 1,"y": 3,"r": 4,"c": 4 }, {"x": 18,"y": 2,"r": 2,"c": 57 }, {"x": 16,"y": 1,"r": 1,"c": 76 }, {"x": 13,"y": 4,"r": 3,"c": 42 }, {"x": 7,"y": 1,"r": 1,"c": 2 }, {"x": 3,"y": 3,"r": 2,"c": 3 }, {"x": 10,"y": 2,"r": 2,"c": 97 }, {"x": 5,"y": 1,"r": 5,"c": 58 }, {"x": 2,"y": 4,"r": 1,"c": 54 }, {"x": 7,"y": 1,"r": 1,"c": 29 }, {"x": 18,"y": 1,"r": 2,"c": 61 }, {"x": 17,"y": 1,"r": 3,"c": 67 }, {"x": 20,"y": 1,"r": 4,"c": 46 }, {"x": 19,"y": 1,"r": 1,"c": 79 }, {"x": 3,"y": 2,"r": 1,"c": 97 }, {"x": 17,"y": 4,"r": 2,"c": 29 }, {"x": 19,"y": 3,"r": 2,"c": 68 }, {"x": 18,"y": 2,"r": 1,"c": 63 }, {"x": 17,"y": 1,"r": 5,"c": 49 }, {"x": 1,"y": 1,"r": 4,"c": 99 }, {"x": 17,"y": 3,"r": 1,"c": 100 }, {"x": 8,"y": 2,"r": 1,"c": 81 }, {"x": 19,"y": 4,"r": 5,"c": 70 }, {"x": 12,"y": 1,"r": 1,"c": 64 }, {"x": 18,"y": 5,"r": 4,"c": 71 }, {"x": 7,"y": 1,"r": 2,"c": 9 }, {"x": 1,"y": 4,"r": 1,"c": 6 }, {"x": 17,"y": 2,"r": 1,"c": 7 }, {"x": 9,"y": 5,"r": 1,"c": 56 }, {"x": 12,"y": 4,"r": 1,"c": 81 }, {"x": 8,"y": 4,"r": 3,"c": 36 }, {"x": 13,"y": 3,"r": 4,"c": 94 }, {"x": 4,"y": 3,"r": 1,"c": 66 }, {"x": 13,"y": 2,"r": 2,"c": 13 }, {"x": 8,"y": 1,"r": 1,"c": 12 }, {"x": 6,"y": 1,"r": 1,"c": 70 }, {"x": 1,"y": 5,"r": 3,"c": 73 }, {"x": 5,"y": 1,"r": 1,"c": 80 }, {"x": 1,"y": 5,"r": 2,"c": 99 }, {"x": 18,"y": 4,"r": 2,"c": 5 }, {"x": 12,"y": 4,"r": 4,"c": 94 }, {"x": 14,"y": 3,"r": 2,"c": 76 }, {"x": 4,"y": 2,"r": 4,"c": 51 }, {"x": 12,"y": 1,"r": 1,"c": 83 }, {"x": 10,"y": 2,"r": 3,"c": 75 }, {"x": 3,"y": 1,"r": 3,"c": 94 }, {"x": 17,"y": 2,"r": 1,"c": 30 }, {"x": 7,"y": 2,"r": 3,"c": 78 }, {"x": 1,"y": 1,"r": 3,"c": 45 }, {"x": 18,"y": 5,"r": 3,"c": 68 }, {"x": 8,"y": 1,"r": 2,"c": 81 }, {"x": 14,"y": 1,"r": 1,"c": 71 }, {"x": 17,"y": 1,"r": 2,"c": 62 }, {"x": 5,"y": 2,"r": 2,"c": 53 }, {"x": 19,"y": 1,"r": 3,"c": 97 }, {"x": 13,"y": 1,"r": 3,"c": 41 }, {"x": 3,"y": 1,"r": 2,"c": 50 }, {"x": 18,"y": 2,"r": 4,"c": 7 }, {"x": 20,"y": 4,"r": 4,"c": 67 }, {"x": 7,"y": 1,"r": 5,"c": 17 }, {"x": 5,"y": 3,"r": 1,"c": 84 }, {"x": 12,"y": 5,"r": 2,"c": 14 }];
let length = bullesJson.length;
let unitx = canvas.width/(length+2);
let unity = canvas.height/(length+2);
for (let i = 0; i < length; i++) {
bulles.push(new Bulle((bullesJson[i].x+i)*unitx, canvas.height-(bullesJson[i].y)*unity, bullesJson[i].r*2, bullesJson[i].c))
}
// on redessine tout par tour de 15ms
function redraw() {
context.clearRect(0, 0, canvas.width, canvas.height);
let fin = 0;
for (const bulle of bulles) {
if (bulle.y < bulle.r) {
fin++;
} else {
bulle.monte();
}
}
if (fin === length) {
clearInterval(canvasInterval);
}
}
let canvasInterval = setInterval(redraw, 15);