explaingit

wentthefox/forzaroadfinder

24HTMLAudience · generalComplexity · 1/5ActiveSetup · easy

TLDR

A browser tool that uses the Screen Capture API to recolour the grey undiscovered-road shade in Forza Horizon 6 to magenta in real time.

Mindmap

mindmap
  root((Forza Road Finder))
    Inputs
      Screen share stream
      Find and replace colour
      FPS and tolerance
    Outputs
      Recoloured canvas
      Saved PNG frame
    Use Cases
      Find undiscovered roads
      Highlight any colour on screen
      Run offline as PWA
    Tech Stack
      HTML
      JavaScript
      Canvas
      Screen Capture API

Things people build with this

USE CASE 1

Highlight undiscovered roads on the Forza Horizon 6 map

USE CASE 2

Save a screenshot of the recoloured map as a PNG

USE CASE 3

Install the tool as an offline PWA on a gaming PC

USE CASE 4

Repurpose the colour swap for any other game with a known target colour

Tech stack

HTMLJavaScriptCanvasPWA

Getting it running

Difficulty · easy Time to first run · 5min

Runs entirely in a Chromium or Firefox browser that supports the Screen Capture API, no install needed for end users.

In plain English

Forza Road Finder is a small browser tool that helps players of Forza Horizon 6 spot roads they have not yet driven. In that game, undiscovered roads appear on the in-game map in a specific shade of grey. The tool watches your screen and recolours that exact grey into bright magenta in real time, so the unvisited roads jump out clearly while you are looking at the map. It works by asking the browser to share your screen, the same way a video call shares a window. You pick your Forza Horizon 6 window, and the page draws each captured frame onto a canvas. As it draws, it swaps the target colour for the replacement colour. Nothing about the video, the pixels, or your session is sent anywhere. All of the work happens locally inside your browser. The controls let you start, pause, and stop the capture, save the current processed frame as a PNG, and toggle between native size and a fitted view. You can change the colour it looks for, the colour it paints in, the frame rate from 0.1 up to 30 frames per second, and a tolerance value that allows for small colour shifts caused by video compression. A greyscale checkbox dims the rest of the picture so the highlight stands out. The app also installs as a Progressive Web App, which means after the first visit it keeps working with no internet connection. It runs in any modern Chromium browser such as Chrome or Edge, and in Firefox, as long as the Screen Capture API is supported.

Copy-paste prompts

Prompt 1
Walk me through running Forza Road Finder locally with npm install and npm run dev
Prompt 2
Explain how the Screen Capture API plus canvas pixel swap recolours the grey roads
Prompt 3
Change the find colour and tolerance so the tool works on a different game's map
Prompt 4
Install Forza Road Finder as an offline PWA in Edge or Chrome
Prompt 5
Build the production bundle into dist and host it on a static file server
Open on GitHub → Explain another repo

Generated 2026-05-22 · Model: sonnet-4-6 · Verify against the repo before relying on details.