게임 구현

[khcho902]

게임과 관련된 class들을 추가하고 아래의 웹소켓 api를 구현한다.

socket.on ( 클라이언트에서 on으로 받음)

playing

• 게임방 내의 사람들에게 게임이 시작되었음을 알려준다.

  update

• 게임중일때 실시간으로 변경되는 플레이어의 bar나 공의 위치정보등을 알려준다.

•   {
    type: 'player'
    role:  'player1'  or 'player2'
    x:  number
    y:  number
    width: number
    height: number
    score: number
  },
  {
    type: 'ball',
    x: number,
    y: number,
    width: number,
    height: number,
  },
  {
    type: 'countdown',
    count: number,
    size: number,
  }

  gameRoomData

• 게임방 내의 사람들에게 방정보가 변경되었음을 알려준다.

•   {
      participants: {
        player1: User,
        player2: User,
        observers:  User[],
      },
    role: '',
    isPlaying : boolean,
    player1Ready : boolean,
    player2Ready : boolean,
    width: number,
    height: number,
  }

  leave

• 입장처리가(DB에 값이 없는경우)되지 않은 방에 들어왔을때, 게임방 목록 화면으로 나가도록 알려준다.

  • 데이터 없음.

  ready

• 게임방내의 참여자들에게 ready버튼 활성화 여부를 알려준다.

• 'player1' or 'player2'

  unReady

• 게임방내의 참가자들에게 ready버튼 비활성화 여부를 알려준다.

• 'player1' or 'player2'

  gameChat

• 게임방내의 참가자들에게 채팅정보를 알려준다.

•   {
      index : number,      //인덱스
      type: string,           //'chat' or 'log'
      nickname: string,    //보낸사람닉네임
      content: string,       //내용
    }

  playerList

• 현재 플레이어로 게임을 하고있는 사람들의 id를 알려준다.

•   {
      player1 : [ number ],    // 현재 player1인 사용자id 배열
      player2 : [ number ]    // 현재 player2인 사용자id 배열
    }

  gameover

• 게임이 종료되었음을 알려준다.

• 'YOU WIN!!!' or 'YOU LOSE!!!' or '이긴사람닉네임 WIN!!!'

  kick

• 강제퇴장되었음을 알려준다.

socket.emit (클라이언트에서 emit으로 보냄)

joinGameRoom

• 게임방에 입장했음을 알려준다.

•   {
      gameRoomId : number
      userId : number
    }

  ready

• ready 버튼을 눌렀음을 알려준다.

  unReady

• unReady 버튼을 눌렀음을 알려준다.

  keyDown

• key down 버튼눌렀음을 알려준다.

• keyCode : number

  keyUp

• key up 버튼눌렀을음을 알려준다.

• keyCode : number

  gameChat

• 게임방내에서 채팅을 보낼때

•   {
      content : string
    }