주말이라 딱 한시간 정도만 함


줄어드는 타이머 만들기로 했음

의외로 존나 간단하게 만들수 있었는데

fabric js에서 넓이를 줄이는 애니메이션으로 만듬



이런식으로 사각형 객체 넓이를 줄이는 애니메이션인데



딱 이런모습으로 나옴

생각보다 존나 간단하게 구현한듯

애니메이션 실행 시간만 조절하면 그게 제한 시간

이 사각형 객체를 현재 턴인사람 위치에 표시하면됨




그리고 코드 리팩토링함 지금 프론트쪽 코드가 


화면에 그리는 render 라는 파일하고

render에서 그릴 플레이어들 객체 관리하는 players(클래스)


이렇게 되있는데 어느순간부터



이런식으로 players 객체안에서 화면에 그리는 로직까지 같이 쓰여진거임

대체 render에서 그리는거 안하고 왜 여기서 그리는걸 하는지 나도 모르겠더라

그래서 수정함



이런식으로 수정해야할 객체만 리턴하도록 하고 나머지 화면수정은 render에서 받은 객체로 하는식으로

각자의 역할에 맞게끔 수정했음

기능 만들다 보면 나도 모르게 엉터리로 짜는경우가 존나 많아서 중간중간 계속 수정하고있음