diff --git a/README.md b/README.md index 84aaf9c..5ec60f4 100644 --- a/README.md +++ b/README.md @@ -37,16 +37,21 @@ complex frameworks, just sprites, primitives, and fonts. ## Prerequisites -- **Node.js** v22 or higher (LTS) -- **pnpm** v10.26.2 or higher -- A **WebGPU-compatible browser**: +**Runtime (browser)** + +- A **WebGPU-compatible browser** (the engine falls back to Canvas 2D software rendering when WebGPU is unavailable): - Chrome/Edge 113+ (Windows, macOS, Linux, Android) - Firefox 141+ on Windows; 145+/147+ on macOS; Nightly on Linux and Android - Safari 26+ (macOS Tahoe / iOS 26); or Safari 18–25 with WebGPU enabled via Feature Flags +**App toolchain** + +- **Node.js** v22 or higher (LTS) +- An **ESM bundler** (Vite, webpack, esbuild, and similar) to load the published package in the browser + ## Installation -Install **blit-tech** from npm: +Install **blit-tech** from npm (1.0.0): ```bash pnpm add blit-tech @@ -64,8 +69,30 @@ For interactive examples and demos, visit the [Blit-Tech Demos repository](https ## Quick Start +`bootstrap()` expects a canvas inside `#canvas-container` (defaults: canvas id `blit-tech-canvas`, container id +`canvas-container`). Pair the HTML below with a TypeScript entry module in any ESM bundler setup. + +**`index.html`** + +```html + + +
+ + +