"use strict"; let creator; let fpsdisp; let dots = []; let a = 9; let w, h; class Dot { constructor(_x, _y, _a, _r, _g, _b) { this.pos = createVector(_x, _y); this.alpha = _a; this.r = _r; this.g = _g; this.b = _b; this.color = color(this.r, this.g, this.b, this.alpha); this.txt = floor(alpha(this.color)); } show() { noStroke(); fill(this.color); ellipse(this.pos.x, this.pos.y, width/a-4); fill(255); textSize(13); text(this.txt, this.pos.x, this.pos.y); } shuffle() { this.alpha = random(255); this.color = color(this.r, this.g, this.b, this.alpha); this.txt = floor(alpha(this.color)); } } function setup() { if (windowWidth > displayWidth) { w = displayWidth; h = displayHeight*0.7; } else { w = windowWidth; h = windowHeight*0.9; } createCanvas(w, h); creator = createSpan().id("creator"); creator.html("created by marjel101"); textAlign(CENTER, CENTER); let d = width/a; for (let cols=d/2+5; cols<=height-d; cols+=d) { for (let rows=d; rows<=width-d; rows+=d) { dots.push(new Dot(rows, cols, random(255), 50, 100, 200)); } } temp = new Dot(0, 0, 0, 0, 0, 0); } let temp; let i=0; let passes = 1; let sorting = false; let type = "bubble"; function startSort() { console.clear(); sorting = true; if (type === "insertion") i = 1; else i = 0; passes = 1; temp.alpha = 0; } function shuffleSort() { for (let i=0; i dots[min_index].alpha) { min_index = j; } } temp.alpha = dots[i].alpha; temp.color = dots[i].color; temp.txt = dots[i].txt; dots[i].alpha = dots[min_index].alpha; dots[i].color = dots[min_index].color; dots[i].txt = dots[min_index].txt; dots[min_index].alpha = temp.alpha; dots[min_index].color = temp.color; dots[min_index].txt = temp.txt; if (i=0 && dots[j].alpha < temp.alpha) { dots[j+1].alpha = dots[j].alpha; dots[j+1].color = dots[j].color; dots[j+1].txt = dots[j].txt; j--; } dots[j+1].alpha = temp.alpha; dots[j+1].color = temp.color; dots[j+1].txt = temp.txt; if (i

Sorting updated [p5.js]