01-05: Webe Tori Model

# 2️⃣ Initialise a new project (optional CLI helper) npx webe-tori init my‑tori‑demo cd my‑tori‑demo

| Test | #Elements | Avg. FPS (GPU) | Avg. CPU % | Memory (MB) | Comments | |------|-----------|----------------|------------|-------------|----------| | Simple card carousel (12 cards) | 12 | | 2 % | 38 | Baseline – negligible load. | | Large dashboard (4 200 tiles, each with sparkline) | 4 200 | 61 | 8 % | 212 | GPU‑solver kept frame time < 16 ms. | | AR overlay (180 objects, depth‑sorting) | 180 | 78 | 5 % | 65 | GPU‑based depth‑sort handled 60 Hz head‑tracking. | | Accessibility‑only mode (CPU fallback) | 1 200 | 32 | 14 % | 96 | Acceptable for low‑end devices; auto‑fallback triggered. | webe tori model 01-05

The GPU‑backed constraint solver is the single biggest win; without it, similar workloads would drop below 20 FPS on the same hardware. 8. Ecosystem & Community | Resource | Link (hypothetical) | What You’ll Find | |----------|--------------------|------------------| | Official Docs | https://docs.webe.io/tori/01-05 | Full API reference, tutorials, migration guides. | | WebE Marketplace | https://marketplace.webe.io/tori # 2️⃣ Initialise a new project (optional CLI

// 2️⃣ Add a few cards positioned around the torus const data = [ title: 'Welcome', subtitle: 'WebE Tori 01‑05' , title: 'Features', subtitle: 'Parametric Layout' , title: 'Docs', subtitle: 'Read the manual' , title: 'Marketplace', subtitle: 'Install components' , ]; | | Large dashboard (4 200 tiles, each

// 3️⃣ Add a perpetual warp animation (rotate around θ) warp( axis: 'θ', speed: 0.25, // radians per second easing: 'linear', );