프론트 화면에 그리는로직 fabric 으로 갈아치움+디자인 구상





게임 시작했을때, 화면에 테이블 이미지 그림

fabric 장점이 캔버스에 새로 그릴때 기존화면을 지우고 다시 그리는게 아니라

캔버스에 추가했던 요소들을 마치 객체처럼 속성 바꿀수가 있음



화면은 대충 저런 모습으로뜸

테이블을 그냥 크게 띄우고 테이블 위에다 플레이어 그리는걸로 하기로 결정





테이블을 먼저 그리고 그 테이블을 기준으로 위아래 배치를 하는데

위에서 말한거처럼 캔버스에 그렸던 테이블 이미지를 마치 객체 처럼

테이블의 시작위치 정보를 가져오는게 가능함



위 코드는 플레이어 닉네임을 테이블의 시작 좌표에다 배치하는거임

이런식으로 테이블 이미지의 시작 위치를 가져와서



이렇게 배치가 가능함

빨간선이 테이블 영역인데 위에 코드처럼 그냥 테이블 시작 좌표+테이블 이미지 크기 등

가져와서 이미지 위에다 다른 뭔가 배치하기 쉬움





이렇게 테이블위에다 플레이어 닉네임 배치가 된다

근데 저건 어디까지나 테스트로 하드코딩한거고 이제

플레이어 닉네임들을 받아서 유동적으로 상하좌우 배치하도록 해야함 



하 시발 진짜 프론트 디자인이 제일 어렵네