GithubHelp home page GithubHelp logo

baseball's People

Contributors

deprecated-hongbiii avatar godrm avatar sallyjellyy avatar

Forkers

ink-0

baseball's Issues

게임 첫 화면

  • 팀 이름 위에 hover 시 팀 이름 색깔 변경 / 마우스 떼면 다시 원래 색
  • 팀 이름 클릭 시 게임 진행 화면으로 전환, 게임이 시작됨
  • 팀 이름 클릭 시, 이미 선점된 상태라면 게임 참가 불가. "이미 선택된 팀입니다. 다른 팀을 선택해주세요!" 문구 노출
  • 팀 목록 영역을 스크롤해서 더 많은 게임 목록 표시. 스크롤은 마우스가 영역 안에 있을 때만 나타남

에러 처리

  • NotFoundException
    • Game, Team, Player
  • 유저 관련된 게임은 나중에
  • 플레이중인 팀을 선택했을때도 에러처리를 해야하는가?
    • 브라이언의 테크톡을 생각해보면 아닐 거 같은데!

게임 진행 (수비) 화면 UI 구성

branch 명 feature/play-score
전체적인 UI 만 하드코딩으로 구성
추가 기능 및 data 구현 필요

  • 2-1. 화면 상단-현재 내가 플레이하는 팀 표시
  • 2-2. 화면 중앙- 진행현황판 (주자표시 / SBO 볼색/게임회차 공수/PITCH버튼)
  • 2-3. PITCH 버튼
  • 2-4. 화면 우측- 투수이름 , 투구 수 표시
  • 2-5. 화면 우하단- 현재타자(LogPitcher), 현재 진행 로그(LogLine)

참가할 게임 목록 표시

게임 첫 화면에 게임 목록이 나타난다.
게임 목록 중 원하는 팀을 하나 선택하여 게임에 참가

  • 게임별로 상대팀 양쪽에 표시
  • (왼) 원정팀 (오) 홈팀

DB 설계

요구사항 분석을 토대로 한 ERD 과정

관계 설정은 아직..

Screen Shot 2021-05-05 at 2 28 22 PM

Originally posted by @min27604 in #3 (comment)

세션 이용

  • 유저가 플레이중인 팀
  • 현재 투수, 타자

API 설계

  • 필요한 요청 기획서보고 정리
  • 데이터셋에 필요한 부분 정리
    • DTO로 만들어야 할 데이터셋

ERD 그리기

  • 각 클래스에 필요한 필드 구체적으로 생각해보기
    • DB에 어떻게 저장할 지도 생각하기
  • 일단은 GAME, TEAM, PLAYER로 구성

게임 진행(수비) 화면 기능 구성

2-1. 화면 상단- 현재 내가 플레이하는 팀 표시 (홈/원정인지에 따라)
2-3. 화면 중앙- PITCH 버튼 시 공 던지기

  • ST,B,A 확률 처리 결과 Stadium-PlayBoard에 반영
  • LogList에 LogPitcher LogLine 출력 ( idx / S,B data )
  • ballCnt (S,O) -> TotalOutCnt, CurrentHitter( hit, out 에 연결)
  • Stadium-Player애니메이션

2-4. 화면 우측 상단 - 현재 경기중인 투수, 타자이름표시

  • 투수: 고정 타자: 처음- 직전 타자 data / 이후 - S3,B4,O3 일때마다 교체

2-5. 화면 우하단- 현재타자이름강조 / 공 던질 때 새로운 공과 볼 카운트 / 타자 교체 시 이름 색상 변경 (스크롤가능 , 계속 업데이트)

  • 처음 - LogList reset
  • PITCH 전 - LogBox생성 LogPitcher(현재타자정보)
  • PITCH 후 - LogBox내 'LogLine 출력(idx / S,B data)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.