[코드 공개] Flutter for web를 사용하고 싶어서 만든 게임이 전혀 늘어나지 않아 정보공유 김에 공양한다

소개


flutter for web 를 사용하여 무언가를 만들고 싶다고 생각하고 있었는데, '정말 무리 게임 신경쇠약'을 생각해 냈습니다.

「전혀 성장하지 않았습니다」로 끝나도 좋을까라고 생각했습니다만, Flutter for web를 사용해 본 기사가 원래 별로 없었기 때문에, 적어도 정보 공유를 하려고 생각해 이 기사를 쓰기로 했습니다.

코드도 공개하고 있습니다(BSD-3).
htps : // 기주 b. 코 m / 야스다 / 젠장 _ 신케이

어떤 앱인가?



압도적으로 클리어가 어려운 신경쇠약입니다.

규칙은 다음
  • 기본 규칙은 신경 쇠약과 완전히 동일합니다
  • 매번 카드 도안이 자동으로 생성됩니다
  • 난이도는 4단계

  • 게임중의 화상은 이하와 같은 느낌.




    무슨 일이야? 라고 생각하는 분도 많다고 생각하므로 코드를 보기 전에 한번 플레이해 보면 좋을까 생각합니다.

    여기에서 플레이 할 수 있습니다 ↓
    h tps://무즈-신케이. 흠뻑 빠지다 p. 이 m/#/

    코드를 참고하는 데주의해야 할 것



    어느 정도 코드내에서 코멘트등도 하고 있습니다만, 그 밖에도 여러가지 주의점이 있으므로 적어 둡니다.

    1. 상태 관리는 Provider



    더 이상 매우 유명한 패키지 인 Provider를 사용하여 상태 관리를하고 있습니다.notifyListers 를 부르는 부분과 그렇지 않은 부분의 참고등이 될까 생각합니다.

    2. 랜덤 방법



    처음에는 CustomPainter 의 내부에서 final rand = Random() 를 만들어 구현을 하려고 했는데, 그렇게 구현하면 리빌드가 일어날 때마다 함수가 재실행되어 버립니다.

    그러므로, 미리 ChangeNotifier 클래스내에서 매우 큰 랜덤의 배열을 만들어, 그 배열중에서 초기 위치를 결정하도록(듯이) 하고, Widget의 리빌드와 처리를 분리했습니다.

    3. firebase 관련 파일이 들어 있지 않습니다.



    그 만마입니다.

    htps : // f ぅ r. v / cs / / ゔ ぉ p 맨 t / data-an d-ba c 켄 d / 흠
    일부 사이트에서는 firebase x Flutter for web 기사가 올라가고 있지만 개인적으로 위 링크의 공식 페이지에서 링크 된 아래 페이지를 보는 것이 좋습니다.

    4. 리팩터 등은 하지 않는다



    리팩터 등의 작업이나 디렉토리의 정리 등은 하고 있지 않습니다.

    사이고에게



    침대 위에서 생각해 낸 순간은 매우 재미 있다고 생각해 (개인개발 있는 있다) 날아가 돌관 공사로 만들었습니다만, 그 후에 Twitter로 중얼거린 곳 전혀 노출이 늘지 않고, 부끄러워해서 트위 지워 버렸습니다 했다.

    개인적으로는 매우 재미있는 게임을 만들 수 있었다고 심야 텐션하면서 생각하고 있어, 전혀 늘지 않았던 것이 회개했기 때문에, 혼자라도 많은 분에게 플레이해 주실 수 있으면 기쁘다고 생각 본 기사를 썼습니다 .

    좋으면 플레이 해보세요!
    또, 더 좋은 프랙티스등이 있으면 공유할 수 있으면 다행입니다.

    좋은 웹페이지 즐겨찾기