【빌어 먹을 앱】 고양이가있는 리버시 앱을 만들어 보았습니다.

전치



이 기사는 빌어 먹을 앱 Advent Calendar 2020의 9 일째 게시물입니다.
필자는 고양이를 키우고 싶은 너무 이상하게 되어 버렸습니다.

고양이와의 생활



고양이와 함께 살면 무엇을 할지라도 고양이가 따라옵니다.

PC 작업 중에 키보드에 앉아서 일할 수 없다. . . 라고 된다고 생각합니다.

그런 생활을 꼭 여러분에게 맛보고 싶어서 이 앱을 만들었습니다.

표시가 느린 것은 반드시 고양이 탓.

고양이와 리버시

온라인 대전을 할 수 있게 했습니다만, 상대가 없으면 할 수 없기 때문에

움직임을 확인하고 싶은 사람은 아래의 오프라인 대전으로 부탁합니다.

고양이가 해주는 것



고양이는 뒤집는 것을 좋아합니다.

분명히 늘어서 있는 돌을 마음대로 부러워 버릴 것입니다.

자신이 4회 쳤을 때 뒤집으러 옵니다. 귀엽네요.

사용 기술



angular
scss
firebase

막힌 곳



반면을 friebase의 Cloud Firestore에서 공유하고 있습니다.

다중 배열에 대응하지 않았기 때문에, 문자열화해 줄 필요가 있다

play.component.ts

// 初期ボードの値

   board = [
      [0, 0, 0, 0, 0, 0, 0, 0],
      [0, 0, 0, 0, 0, 0, 0, 0],
      [0, 0, 0, 0, 0, 0, 0, 0],
      [0, 0, 0, 1, 2, 0, 0, 0],
      [0, 0, 0, 2, 1, 0, 0, 0],
      [0, 0, 0, 0, 0, 0, 0, 0],
      [0, 0, 0, 0, 0, 0, 0, 0],
      [0, 0, 0, 0, 0, 0, 0, 0],
    ];

// ボード情報を更新
  async setBoard(boardName: string) {
    const boardStr= JSON.stringify(this.board); //文字列化する
    await this.database
      .collection(boardName)
      .doc('board')
      .set({ board: boardStr});
  }


play.component.ts

// ボード情報を取得
  async getBoard(boardName: string) {
    await this.database
      .collection(boardName)
      .doc('board')
      .valueChanges() 
      .subscribe((res: Board) => {
        this.board = JSON.parse(res.board);
      });
   }

플레이 화면



좋은 웹페이지 즐겨찾기