06 — Frontend

Что сюда кладём

Общие паттерны разработки клиента казино-игр:

• PixiJS vs Phaser: когда что выбирать.
• WebGL / Canvas / DOM-overlay архитектура.
• Asset pipeline: спрайты, спайн, скелет, particle, шейдеры.
• Anim timing: spin, stop, big win, bonus reveal.
• Mobile performance: target FPS, memory budget, asset budgets.
• Touch UX: bet adjust, autoplay, paytable.
• Orientation: portrait-first vs landscape-first.
• Reconnect / resume UX (что показываем, как ждём ack от RGS).
• Sound design: music layers, SFX, mute respect.
• Localization: text expansion, RTL support.
• Accessibility: контраст, размер шрифта, motion-reduced.
• Skip / turbo поведение по юрисдикциям.
• Protocol с RGS: как клиент только рендерит результат сервера.

Что НЕ сюда

• Frontend-спека конкретной нашей игры → games/<slug>/frontend.md.
• UX-методология game design → kb/01-game-design/.
• Конкретные библиотеки (PixiJS детально) → kb/11-tools/pixijs.md.

Стартовые источники

• PixiJS — 2D WebGL renderer.
• Phaser — HTML5 game framework (scenes, input, animations).
• MDN Web Audio API.
• Web.dev — Performance.
• StakeEngine/web-sdk — практический reference при разработке frontend-интеграции под Stake Engine.

Страницы

• runtime contract — URL/query ABI для запуска игры, replay/social ветвления и runtime guardrails.

Будущие страницы (TODO)

• PixiJS vs Phaser: компаратив.
• Asset pipeline и budget для mobile.
• Reel rendering: viewport, mask, smooth spin/stop.
• Big Win celebration: timing, anti-fatigue.
• Reconnect / resume UX.
• Skip / turbo поведение.
• Sound layers и mute.
• Localization и RTL.
• Accessibility checklist.