angle

이거 잘 이해가 안감 한번 더 보는중

translate(): 배경의 좌표를 옮기는 함수
원래 왼쪽 위가 0,0 인데 그걸화면 가운데로 놓고 싶다면
translate(width0.5,height0.5) 하면 되겠지?
영상에서는 펜과 종이로 비유를 했다.
펜: 캔버스 위 도형
종이: 캔버스
종이가 움직이는 것

rotate() => 이거 180도 기준아니고 radian 기준임 !
그래서 편하게 쓰려면 radian 기준에서 degree로 바꿔주는 함수 만들어서 사용해야함.

// Degree to Radian
function degreeToRadian(degree) {
    return degree * Math.PI / 180;
}

// Radian to Degree
function radianToDegree(radian) {
    return radian * 180 / Math.PI;
}

// 테스트
console.log(degreeToRadian(90)); // 1.5707963267948966 (π/2)
console.log(radianToDegree(Math.PI / 2)); // 90