팀 프로젝트 - 포메이션 좌표 따기

포메이션 종류

포메이션 리스트를 만들어야 했는데 어떤 종류를 어디서 따야할까 하다가

피파온라인4 가장 유명한 축구 온라인 게임이고 현재도 즐겨하고 있는 게임이라

많은 포메이션이 있다는걸 알아서 피파를 참고하기로 했다

피파에는 이렇게 다양한 종류의 포메이션이 있다

좌표따기

위의 포메이션들을 하나씩 클릭해가면서 좌표를 수정하면서 해당 위치에 맞췄다

픽셀값으로 준게아니라 사용자의 화면에 맞게 배치가 되어서

모든 사용자에게 같은 위치를 보여줄 수 있다

    "positions": [
      { "top": "7%", "left": "calc(50% - 30px)", "name": "ST" },
      { "top": "7%", "left": "calc(90% - 30px)", "name": "RW" },
      { "top": "7%", "left": "calc(10% - 30px)", "name": "LW" },
      { "top": "35%", "left": "calc(50% - 30px)", "name": "CAM" },
      { "top": "45%", "left": "calc(90% - 30px)", "name": "RM" },
      { "top": "45%", "left": "calc(10% - 30px)", "name": "LM" },
      { "top": "48%", "left": "calc(50% - 30px)", "name": "CDM" },
      { "top": "60%", "left": "calc(50% - 30px)", "name": "CB" },
      { "top": "75%", "left": "calc(25% - 30px)", "name": "LCB" },
      { "top": "75%", "left": "calc(75% - 30px)", "name": "RCB" },
      { "top": "85%", "left": "calc(50% - 30px)", "name": "GK" }
    ]

위처럼 모든 경우를 다 따져서 포메이션을 만들었다!