DEV Community

Cover image for Outscape – Disconnect from the Screen with Open-Weight AI
Jun Matsui
Jun Matsui

Posted on

Outscape – Disconnect from the Screen with Open-Weight AI

#devchallenge #hf26challenge #opensource #ai

Hacktoberfest Open-Source AI Challenge Week 1: Touch Grass Submission 🌿

This is a submission for the Hacktoberfest Open-Source AI Challenge Week 1: Touch Grass

What I Built

Outscape is an open-source, hands-free outdoor exploration companion powered by open-weight AI (Google Gemma 2) with WebGPU on-device acceleration.

The goal is simple: make screen time the shortest part of your day. Instead of staring at a mobile screen while walking through a park or hiking a forest ridge, Outscape generates real-time audio observations and mindful cues ("Touch Grass" prompts) directly to your headphones. You can put your phone in your pocket ("Pocket Mode") and let smart ambient audio guide your discovery of local trees, seasonal foliage, and songbird habitats.

It works seamlessly on both mobile devices (with real outdoor GPS tracking) and desktop PCs (with an interactive walking simulator).

Demo

  • Live Application: https://jun-matsui.github.io/outscape/
  • Features in action:
    • ⚡ WebGPU On-Device Acceleration: Leverages your device's physical GPU (Apple Silicon, NVIDIA, AMD) for local open-weight inference with zero telemetry.
    • 🎧 Pocket Mode: Screen-dimmed, tranquil audio walk with background step tracking.
    • 🗺️ Interactive Nature Trails: Maple & Oak Ridge (Fall foliage), Emerald Greenbelt (Urban flora), and Whispering Brook (Aquatic biome).
    • ☀️ Sunlight High-Contrast Mode: Accessible outdoor visibility under bright sun.
    • 🚶‍♂️ Desktop Step Simulator: Test trails and triggers with 1x, 2x, and 4x speed controls.

Code

GitHub logo jun-matsui / outscape

Outscape — An open-source, hands-free outdoor exploration companion powered by open-weight AI. Designed to get people off their screens and into nature. Built for the Dev.to Hacktoberfest "Touch Grass" Challenge. Outscape — オープンウェイトAIを活用したハンズフリーの野外探索コンパニオン。画面から離れて自然と触れ合う体験を届けるオープンソースプロジェクト（Dev.to Hacktoberfest「Touch Grass」チャレンジ参加作品）。

🌿 Outscape

Hacktoberfest 2026 DEV Challenge License: MIT Open Source AI

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

📖 Overview / 概要

🇬🇧 English

Outscape is an open-source outdoor navigation and nature exploration companion driven by open-weight AI. Designed specifically for the DEV.to Hacktoberfest "Touch Grass" Challenge, Outscape aims to make screen interaction the shortest part of your day.

Instead of keeping your eyes glued to a display while walking, hiking, or running, Outscape turns local environmental insights, seasonal highlights (like fall foliage or spring blooming), and trail discoveries into an immersive, hands-free audio experience. Put your phone in your pocket, listen to smart audio cues, and explore the outdoors with your senses wide open.

🇯🇵 日本語

Outscape は、オープンウェイト（オープンソース）AIを活用したハンズフリーの野外探索・音声ガイドコンパニオンです。DEV.to Hacktoberfest「Touch Grass」チャレンジに向けて開発されました。

散歩やハイキング、ランニング中に画面を見つめ続けるのではなく、最小限の画面操作とスマートな音声ガイダンスによって、周囲の自然やトレイルの魅力を五感で体験できるよう設計されています。スマートフォンをポケットにしまい、自然の音に耳を傾けながら、外の世界へ踏み出しましょう。

✨ Key Features / 主な機能

  • 🎧 Hands-Free Audio Walk (ポケットの中のガイド): Real-time audio narration about trees, birds, local geography, and seasonal highlights without having to look down at your screen.
  • 🤖…
View on GitHub

How I Built It

  • Frontend & Design System: Modern semantic HTML5, Vanilla CSS with an Obsidian & Emerald glassmorphism design system, and Leaflet.js mapping with 100% free OpenStreetMap tiles.
  • Open-Weight AI Engine: Configured around Google Gemma 2, supporting WebGPU hardware acceleration, custom Ollama/VM endpoints, and an embedded edge fallback.
  • Audio Synthesis: Web Audio API pentatonic chimes + Web Speech API for zero-latency, hands-free audio guidance.
  • Offline-First Resilience: Outscape uses an embedded edge nature cache, ensuring that if you lose cell reception on a remote trail, the app continues to guide you without interruption.

Why Does Open Innovation Matter?

When building an application for the outdoors, open-weight models and open innovation are far superior to closed proprietary APIs for three critical reasons:

  1. Connectivity in Nature: Deep trails, mountains, and parks often have zero mobile signal. Closed APIs fail immediately when offline. Open-weight models can run directly on-device via WebGPU or local edge runtimes.
  2. Location Privacy: Hiking routes and daily walking habits are sensitive personal data. Outscape keeps all GPS telemetry on the client—never transmitted to third-party ad networks.
  3. Zero-Cost Exploration: Community trail groups, schools, and birdwatchers can use and adapt Outscape freely without paying per-token API charges.

Prize Categories

  • Main Theme: Touch Grass
  • Best Use of Gemma: Utilizes Google Gemma 2 open-weight architecture with WebGPU hardware acceleration for contextual nature observations.

Top comments (0)