blacknabis

안녕하세요! 최근 Street Fighter 6 방송용 전적 오버레이 프로그램인 SF6 Viewer를 개발하며 겪은 과정과, AI 코딩 어시스턴트 Antigravity를 활용해 어떻게 난관들을 극복했는지 공유하려 합니다.1. 프로젝트의 시작: "방송 화면에 내 전적을 멋지게 띄우고 싶다"스트리트 파이터 6를 즐기면서 시청자들에게 실시간으로 연승/연패 기록과 MR 변동을 보여주고 싶었습니다. 기존 웹 기반 툴은 새로고침이 번거롭거나 디자인이 투박했죠.그래서 "게임 화면 위에 자연스럽게 녹아드는 투명한 HUD"를 직접 만들기로 결심했습니다. 하지만 혼자서 디자인부터 DB 설계, 크롤링, 배포 파일 패키징까지 하기엔 시간이 부족했습니다.해결책: Antigravity에게 "SF6 Viewer를 만들어줘"라고 요..

1. 깃허브에 접속https://github.com/blacknabis/SF6RankViewer GitHub - blacknabis/SF6RankViewer: 스트리트파이터6 랭크 수집 및 OBS 방송 지원스트리트파이터6 랭크 수집 및 OBS 방송 지원. Contribute to blacknabis/SF6RankViewer development by creating an account on GitHub.github.com 2. SFViewerV1_0.Zip 다운로드 3. 압축 해제 후 SF6Viewer.exe실행4. 터미널과 대시보드가 열림5. 내 정보 연동을 위해 "Open Login Browser" 딸칵6. 새 브라우저에 스트리트 파이터가 계속 깜박거릴겁니다(크롬) 로그인해주세요.7. 로그인 후 ..

[개발일지] SF6 뷰어: UI 리디자인부터 방송 자동화까지이번 프로젝트에서는 스트리트 파이터 6(SF6) 뷰어의 UI를 대대적으로 개편했습니다. 특히 OBS 방송용 오버레이로서의 편의성을 높이기 위해 '가독성'과 '자동화'에 초점을 맞추어 진행한 작업들을 정리합니다.🎨 챕터 1: UI 리디자인 (OBS 오버레이 최적화)기존의 투박했던 디자인을 버리고, 방송 송출 시 게임 화면을 가리지 않으면서도 정보가 한눈에 들어오도록 '클린 & 미니멀' 컨셉을 적용했습니다.1. 사이즈 및 레이아웃 최적화목표: 하단바 영역에 최적화된 컴팩트 사이즈 구현결과: 전체 크기를 1400px x 180px로 조정하여 불필요한 여백을 줄이고 정보 밀도를 극대화했습니다.2. 가독성 중심의 디자인 개선완전 투명 배경(Transpa..