direction

const A = $.makeCircleCollider($.w/2,$.h/2,20);
A.fill = "#54d89f";
A.direction = 0; //0 is up
A.speed = 30;
A.friction = 15;

const B = $.makeBoxCollider($.w/2,$.h/2,20,20);
B.fill = "#333333";
B.direction = 90; //90 is right
B.speed = 30;
B.friction = 15;

const C = $.makeCircleCollider($.w/2,$.h/2,20);
C.fill = "rgba(160,54,68,1)";
C.direction = 180; //180 is down
C.speed = 30;
C.friction = 15;

const D = $.makeCircleCollider($.w/2,$.h/2,20);
D.fill = "rgba(160,54,68,1)";
D.direction = 270; //270 is left
D.speed = 30;
D.friction = 15;

function update() {
    $.drawColliders();
}