Skip to content

Navigation Menu

Sign in
Sign up

Repository files navigation

Footie - Move-to-Create 플랫폼

산책 데이터를 시각적 아트(Polyline Art)로 변환하고, 아바타를 육성하는 Flutter 모바일 앱입니다.

프로젝트 구조

lib/
├── main.dart # 앱 진입점
├── theme/
│ └── app_theme.dart # 픽셀아트 스타일 테마 설정
├── screens/
│ ├── home_screen.dart # 메인 홈 화면
│ ├── walk_tracking_screen.dart # 산책 추적 화면
│ ├── avatar_screen.dart # 아바타 화면 (프로필 + 통계)
│ └── archive_screen.dart # 산책 도감 화면 (수집률 표시)
├── widgets/
│ ├── custom_bottom_nav.dart # 커스텀 하단 네비게이션
│ ├── pixel_avatar.dart # 픽셀아트 아바타 위젯
│ ├── pixel_path.dart # 픽셀아트 경로 위젯 (하트, 별 등)
│ └── polyline_canvas.dart # Polyline 그리기 캔버스
├── providers/
│ ├── auth_provider.dart # 인증 상태 관리
│ ├── walk_provider.dart # 산책 추적 상태 관리
│ └── avatar_provider.dart # 아바타 상태 관리
└── models/
 ├── user.dart # 사용자 모델
 └── walk_point.dart # GPS 포인트 모델

주요 기능

Phase 1 MVP (현재 구현됨)

  • ✅ 픽셀아트 스타일 UI 디자인
  • ✅ 기본 화면 구조 (홈, 산책 추적, 아바타, 도감)
  • ✅ 픽셀아트 아바타 시스템 (레벨에 따른 동적 변화)
  • ✅ 산책 도감 시스템 (수집률 표시, 잠금 기능)
  • ✅ 픽셀아트 경로 표시 (하트, 별, 곰, 이니셜, 나비, 꽃)
  • ✅ 산책 추적 화면 (데모용 시뮬레이션)
  • ✅ 통계 및 레벨 시스템 UI

TODO

  • 실제 GPS 추적 기능
  • 카카오 로그인 연동
  • Polyline Art 에디터 (배경/선 스타일 수정)
  • 인스타그램 스토리 공유 기능 (9:16 비율)
  • 지도 API 연동 (Mapbox/Naver)
  • AI Shape Navigation (GPS Art Guide)

실행 방법

사전 요구사항

  • Flutter SDK 3.0.0 이상
  • Android Studio 또는 Xcode
  • Android SDK (Android 개발용)
  • Xcode (iOS 개발용, macOS만)

설치 및 실행

  1. 의존성 설치:

    flutter pub get
  2. Android 에뮬레이터 실행:

    flutter emulators --launch Pixel_4_API_33

    또는 Android Studio의 Device Manager에서 에뮬레이터 시작

  3. 앱 실행:

    # Android
    flutter run -d android
    # iOS (macOS만)
    flutter run -d ios
  4. Android Studio에서 실행:

    • 프로젝트 열기
    • 상단 툴바에서 디바이스 선택
    • Run 버튼 (▶️) 클릭

디자인 컨셉

픽셀아트 스타일

  • Tone & Manner: 픽셀아트, 미니멀, 감성적
  • 디자인 특징:
    • 각진 박스 디자인 (borderRadius: 4px)
    • 검은색 테두리 (3px)
    • 각진 그림자 효과 (blur 없음)
    • Pixelify Sans 폰트 사용

색상 팔레트

  • Primary: #6B9BFF (밝은 파란색)
  • Secondary: #FF6B9D (밝은 핑크)
  • Accent: #FFD93D (밝은 노란색)
  • Nature Green: #7ED321 (밝은 초록)
  • Background: #E8F4F8 (하늘색 톤)
  • Pixel Border: #1A1A1A (검은색 테두리)

주요 UI 컴포넌트

  • 픽셀아트 아바타: 레벨에 따라 색상과 외형 변화
  • 픽셀아트 경로: 하트, 별 등 모양을 픽셀아트로 표현
  • 도감 시스템: 수집률 표시, 미수집 항목 잠금 표시

기술 스택

  • Frontend: Flutter (Android/iOS만 지원)
  • State Management: Provider
  • 폰트: Google Fonts (Pixelify Sans)
  • Maps: flutter_map (예정)
  • Location: geolocator (예정)
  • Authentication: kakao_flutter_sdk (예정)
  • Storage: sqflite, shared_preferences

플랫폼 지원

  • ✅ Android
  • ✅ iOS
  • ❌ Web (제거됨)
  • ❌ macOS (제거됨)
  • ❌ Linux (제거됨)
  • ❌ Windows (제거됨)

프로젝트 상태

현재 MVP 단계로, UI와 기본 기능이 구현되어 있습니다. 실제 GPS 추적 및 백엔드 연동은 향후 구현 예정입니다.

라이선스

이 프로젝트는 비공개 프로젝트입니다.

About

픽셀 아트 컨셉 기반 프로토타입

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages

AltStyle によって変換されたページ (->オリジナル) /