69 lines
1.9 KiB
HTML
Executable File
69 lines
1.9 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<script src="https://cdn.jsdelivr.net/npm/p5@1.4.0/lib/p5.min.js"></script>
|
|
|
|
<script>
|
|
var values = [];
|
|
let i = 0;
|
|
let j = 0;
|
|
|
|
function setup() {
|
|
createCanvas(windowWidth -20, windowHeight-20);
|
|
stroke(255);
|
|
background(0);
|
|
|
|
for (let i = 0; i < width; i++) {
|
|
values[i] = random(height);
|
|
line(i, height, i, height - values[i]);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function draw() {
|
|
stroke(243);
|
|
background(21);
|
|
|
|
for (let i = 0; i < width; i++) {
|
|
line(i, height, i, height - values[i]);
|
|
}
|
|
for (let n = 0; n < 50; n++) {
|
|
if (values[j] > values[j + 1]) {
|
|
tmp = values[j]
|
|
values[j] = values[j + 1];
|
|
values[j + 1] = tmp;
|
|
}
|
|
|
|
if (i < values.length) {
|
|
j += 1;
|
|
if (j >= values.length) {
|
|
j = 0;
|
|
i += 1;
|
|
}
|
|
} else {
|
|
stroke(0, 255, 0);
|
|
for (let i = 0; i < width; i++) {
|
|
line(i, height, i, height - values[i]);
|
|
}
|
|
|
|
noLoop();
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
|
|
function bSort() {
|
|
let tmp;
|
|
for (let i = 0; i < values.length; i++) {
|
|
for (let j = 0; j < values.length - i - 1; j++) {
|
|
if (values[j] > values[j + 1]) {
|
|
tmp = values[j]
|
|
values[j] = values[j + 1];
|
|
values[j + 1] = tmp;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</html> |