HK Bus LED OCR Test WebUI

A local Vite and TypeScript web app for generating simulated Hong Kong bus front LED route displays. It is intended for OCR testing, visual stress testing, and quick comparison of different LED matrix densities and weather/camera effects.

Features

• Simulates bus front route-number LED panels on an HTML canvas.
• Supports KMB and CTB route-code presets for testing input formats.
• Includes multiple display profiles and LED densities, from coarse dot matrix to higher-resolution matrix layouts.
• Provides stress presets for flicker, rain, fog, reflection, sunlight, and worst-case capture conditions.
• Runs locally through Vite with no backend service.

Getting Started

Install dependencies:

npm install

Start the local development server:

npm run dev

Build the production files:

npm run build

Preview the production build locally:

npm run preview

On Windows, start.bat can also be used to install dependencies if needed, find an available local port, and open the app.

Project Structure

• src/main.ts - UI state, controls, presets, and event wiring.
• src/renderer.ts - canvas rendering pipeline for the simulated bus and LED panel.
• src/data/displayProfiles.ts - LED display profile definitions.
• src/ledGlyphs.ts and src/hanoverGlyphs.ts - route-code glyph data.
• src/styles.css - application layout and visual styling.

Intellectual Property Notes

This project is an unofficial testing tool. It is not affiliated with, endorsed by, or sponsored by any bus operator, display manufacturer, or trademark owner.

Names such as KMB, CTB, Hanover, LiteVision, Mobitec, Brose, Gorba, and Vultron are used descriptively to identify operator modes or display styles for local testing. No third-party photos, logos, or reference images are included in the repository. Local photo/reference folders are ignored by Git.

License

No open-source license has been added yet. Unless a license is added later, all rights are reserved by the repository owner.