console.log("Initializing animation");

const canvas = document.getElementById('mainCanvas');
const ctx = canvas.getContext('2d');
const dpr = window.devicePixelRatio;
const cw = window.innerWidth;
const ch = window.innerHeight;
canvas.width = cw * dpr;
canvas.height = ch * dpr;
ctx.scale(dpr, dpr);

const orbs = [];

const createOrb = (mx, my) => {
    console.log(`Creating orb at ${mx} ${my}`);
    const dx = (cw/2) - mx;
    const dy = (ch/2) - my;
    const dist = Math.sqrt(dx * dx + dy * dy);
    const angle = Math.atan2(dy, dx);
};


const initialOrbCount = 100;
for (let n = initialOrbCount; n >= 0; n--) {
    createOrb(cw/2, ch/2+(n*2));
}

const loop = (timestamp) => {
    window.requestAnimationFrame(loop);
    //console.log(timestamp);


};

loop();