create multiple draggable circles in canvas

Question

I\'m having trouble with making several circles in a HTML canvas draggable. I don\'t really know what I\'m doing wrong. Hope someone can point out my mistakes (rookie here s

Answer 1

There is a error here!

//no circle currently focused check if circle is hovered
for (var i = 0; i < circles.length; i++) {
    if (intersects(circles[i])) {
        circles.move(i, 0);
        focused.state = true;
        break;
    }
}
draw();

You need to use

cicles.move(i,i)