Racelink

// OVERLAY API

Twórz nakładki dla Racelink

Nakładka to mała strona internetowa. Racelink daje jej znormalizowane dane na żywo z każdego obsługiwanego symulatora, panel ustawień generowany z manifestu i drogę do Warsztatu Steam.

  1. 01

    Utwórz

    npm create @racelink/overlay@latest

    Wybierz czysty TypeScript lub React. Projekt działa od razu.

  2. 02

    Rozwijaj

    npm run dev

    npm run dev: nakładka pojawia się w Racelink i przeładowuje się po każdej zmianie. Bez aplikacji SDK generuje dane demo.

  3. 03

    Opublikuj

    npm run build

    Racelink Studio sprawdza nakładkę, przechwytuje jej podgląd i publikuje w Warsztacie Steam. Subskrybenci dostają aktualizacje automatycznie.

// TYPESCRIPT

Odczyt telemetrii

  • Jeden model danych

    Prędkości w km/h, pedały 0–1, czasy w sekundach — te same pola w każdym symulatorze.

  • Ustawienia z manifestu

    Zadeklaruj ustawienia w racelink.overlay.json, a Racelink narysuje panel.

  • Typowane od początku do końca

    Telemetria i ustawienia są typowane; opis pól dokumentuje każdą wartość.

  • Stworzone dla asystentów AI

    Projekty zawierają AGENTS.md i kompletny przewodnik dla asystentów programowania.

src/main.ts
import { createOverlay } from '@racelink/overlay';
import { defaultSettings, type Settings } from './racelink-settings';

const overlay = createOverlay<Settings>({ defaults: defaultSettings });

overlay.on('telemetry', ({ car, session }) => {
  // Normalized for every sim: km/h, pedals 0..1, seconds.
  draw(car.speedKph, car.throttle, session.lap);
});