Отталкивание одного объекта другим

if (!window.requestAnimationFrame){
  window.requestAnimationFrame = (function(){
    return window.webkitRequestAnimationFrame||
      window.mozRequestAnimationFrame||
      window.oRequestAnimationFrame||
      window.msRequestAnimationFrame||
      function(callback,element){window.setTimeout(callback, 1000 / 60)}
  })()}
let circle1=document.querySelector('.circle-one'),
    circle2=document.querySelector('.circle-two'),
    objCircle1={  
      x:circle1.offsetLeft,
      y:circle1.offsetTop,
      width:circle1.offsetWidth,
      height:circle1.offsetHeight
    },
    objCircle2={
      x:circle2.offsetLeft,
      y:circle2.offsetTop,
      width:circle2.offsetWidth,
      height:circle2.offsetHeight
    },
    collision=(obj1,obj2)=>((obj1.x + obj1.width >= obj2.x)&&(obj1.x <= obj2.x + obj2.width))&&((obj1.y + obj1.height >= obj2.y) && (obj1.y <= obj2.y + obj2.height));
function animate(){
  document.querySelector('.bt-anim-start').removeEventListener('click',animate);
  let flag=collision(objCircle1,objCircle2);
  if (flag!=true&&(objCircle1.y<objCircle2.y)) {
    objCircle1.y++;
    circle1.style.top=`${objCircle1.y}px`;
  } else {
    objCircle2.x+=(objCircle1.y<objCircle2.y)?2:0;
    circle2.style.left=(objCircle1.y<objCircle2.y)?`${objCircle2.x}px`:cancelAnimationFrame(fAnimCircle);
  }
  let fAnimCircle=requestAnimationFrame(animate);
}
document.querySelector('.bt-anim-start').addEventListener('click',animate);