[Hacktoberfest Open-Source AI Challenge Week 1: Touch Grass] 제출물

제가 만든 것

Outscape는 오픈 웨이트 AI(open-weight AI)인 Google Gemma 2를 기반으로 작동하는, 오픈 소스 핸즈프리 야외 탐험 동반자입니다.

목표는 간단합니다. 바로 스크린 사용 시간을 하루 중 가장 짧은 시간으로 만드는 것입니다. 공원을 산책하거나 숲 능선을 하이킹할 때 모바일 화면만 응시하는 대신, Outscape는 실시간 오디오 관찰 기록과 마음챙김 안내(‘Touch Grass’ 프롬프트)를 헤드폰으로 직접 생성합니다. 휴대폰을 주머니에 넣고("Pocket Mode") 스마트 주변 오디오가 지역 나무, 계절별 식물, 그리고 노래하는 새의 서식지를 발견하도록 안내할 수 있습니다.

이 시스템은 모바일 기기 (실제 야외 GPS 추적 기능 포함)와 데스크톱 PC (상호작용형 워킹 시뮬레이터) 모두에서 원활하게 작동합니다.

데모

라이브 애플리케이션: https://jun-matsui.github.io/outscape/
기능 시연:
- 🎧 포켓 모드 (Pocket Mode): 배경 걸음 수 추적 기능이 있는, 화면 밝기가 낮춰진 평온한 오디오 산책 경험.
- 🗺️ 상호작용 자연 트레일: 단풍나무 & 참나무 능선(가을 단풍), 에메랄드 그린벨트(도시 식물), 속삭이는 개울(수생 생태계).
- ☀️ 햇빛 고대비 모드 (Sunlight High-Contrast Mode): 밝은 햇볕 아래에서도 접근 가능한 야외 시야 확보 기능.
- 🚶‍♂️ 데스크톱 걸음 수 시뮬레이터: 1배, 2배, 4배 속도 조절을 통해 트레일 및 트리거 테스트 가능.

코드

GitHub logo jun-matsui / outscape

Outscape — 오픈 웨이트 AI를 활용한 핸즈프리 야외 탐험 동반자입니다. 사람들을 스크린에서 벗어나 자연 속으로 안내하도록 설계되었습니다. Dev.to Hacktoberfest "Touch Grass" 챌린지에 참여하여 제작된 오픈 소스 프로젝트입니다. Outscape — 오픈 웨이트 AI를 활용한 핸즈프리 야외 탐험 동반자. 화면에서 벗어나 자연과 교감하는 경험을 제공합니다 (Dev.to Hacktoberfest "Touch Grass" 챌린지 참가작).

🌿 Outscape

Disconnect from the screen. Reconnect with the wild.
画面を閉じて、自然とつながる。

📖 Overview / 개요

🇬🇧 English

Outscape는 오픈 웨이트(open-weight) AI를 구동하는 오픈 소스 야외 내비게이션 및 자연 탐험 동반자입니다. DEV.to Hacktoberfest "Touch Grass" Challenge에 맞춰 특별히 설계된 Outscape는 화면 상호작용을 하루 중 가장 짧은 활동으로 만드는 것을 목표로 합니다.

걷거나, 하이킹하거나, 달리기를 할 때 눈을 디스플레이에 고정하는 대신, Outscape는 지역 환경 정보, 계절별 하이라이트(가을 단풍이나 봄 개화 같은), 그리고 트레일 발견 등을 몰입감 있는 핸즈프리 오디오 경험으로 변환합니다. 스마트폰을 주머니에 넣고, 스마트 오디오 큐를 들으며, 모든 감각을 활짝 열고 야외를 탐험하세요.

🇯🇵 日本語

Outscape는 오픈 웨이트(open-weight) AI를 활용한 핸즈프리 야외 탐사/음성 가이드 컴패니언입니다. DEV.to Hacktoberfest 「Touch Grass」チャレンジ를 목표로 개발되었습니다.

산책, 하이킹, 러닝 중에 화면을 계속 바라보는 대신, 최소한의 화면 조작과 스마트 음성 안내를 통해 주변 자연이나 트레일의 매력을 오감으로 체험할 수 있도록 설계되었습니다. 스마트폰을 주머니에 넣고, 자연의 소리에 귀 기울이며, 바깥세상으로 발을 내딛어 봅시다.

✨ Key Features / 주요 기능

🎧 Hands-Free Audio Walk (주머니 속 가이드): 화면을 내려다볼 필요 없이 나무, 새, 지역 지리, 계절별 하이라이트에 대한 실시간 오디오 나레이션 제공.
🤖…

View on GitHub

How I Built It

프론트엔드 및 디자인 시스템: 모던 시맨틱 HTML5, Obsidian & Emerald 글래스모피즘 디자인 시스템을 적용한 바닐라 CSS, 그리고 Leaflet.js 매핑 기능을 사용합니다.
오픈 웨이트 AI 엔진: Google Gemma 2를 중심으로 구성되어 자연스러운 2문장 길이의 통찰력과 사려 깊은 관찰 프롬프트를 생성합니다.
오디오 합성: Web Audio API의 펜타토닉 차임(pentatonic chimes)과 Web Speech API를 사용하여 지연 시간 없는 핸즈프리 오디오 가이드를 제공합니다.
오프라인 우선 복원력 (Offline-First Resilience): Outscape는 내장된 엣지 네이처 캐시(edge nature cache)를 사용하므로, 외딴 트레일에서 셀 수 신호를 놓치더라도 앱이 중단 없이 계속 안내할 수 있습니다.

오픈 혁신은 왜 중요할까요?

야외 활동을 위한 애플리케이션을 구축할 때, 오픈 웨이트 모델과 오픈 혁신은 세 가지 중요한 이유로 폐쇄적인 독점 API보다 훨씬 우수합니다:

자연 속 연결성: 깊은 트레일, 산, 공원 등은 종종 모바일 신호가 전혀 없습니다. 폐쇄형 API는 오프라인 상태가 되면 즉시 작동을 멈춥니다. 오픈 웨이트 모델은 장치 자체(on-device) 또는 로컬 엣지 기기에서 직접 실행될 수 있습니다.
위치 개인 정보 보호: 하이킹 경로와 일상적인 도보 습관은 민감한 개인 데이터입니다. Outscape는 모든 GPS 원격 측정 데이터를 클라이언트 측에 보관하며, 제3자 광고 네트워크로 절대 전송하지 않습니다.
무료 탐험: 커뮤니티 트레일 그룹, 학교, 조류 관찰가들은 토큰당 API 비용을 지불할 필요 없이 Outscape를 자유롭게 사용하고 적응시킬 수 있습니다.

수상 부문

메인 테마: 풀 냄새 맡기 (Touch Grass)
Gemma 활용 최우수: 문맥적 자연 관찰을 위해 Google Gemma 2 오픈 웨이트 아키텍처를 활용했습니다.

Outscape: 오픈 웨이트 AI로 스크린에서 벗어나 자연을 탐험하는 도우미

요약

핵심 포인트