Pets / Team Die — отчёт по mockup¶

Итог¶

Финальный вариант: embedded-cube. Он сохраняет структуру существующего PetsScreenView и добавляет Team Die как компактный верхний блок над тремя уже знакомыми слотами петов.

Финальный HTML: mockup-embedded-cube.arted.html
Размер каждого top-level кадра: 1290 × 2796 px — нативный стандарт Unity. Export-safe HTML не использует CSS zoom: все размеры, шрифты, радиусы, рамки и отступы физически пересчитываются из логической композиции 430 × 932 в 3× перед импортом в Figma.
Состояния: Pets Loadout, Team Die Detail, Pet Info, Auto-Roll Feedback
Финальный vision-score: 92/100, verdict pass
Unity prefab не изменялся; результат является HTML/Figma handoff.

Explore¶

Вариант	Идея	Score	Решение
`embedded-cube`	Минимальное расширение текущего `PetsScreenView`	72	Победитель: лучше всего соответствует запросу переиспользовать готовый экран
`facet-ribbon`	Компактный куб и постоянная лента шести граней	72	Отклонён: визуально плотнее текущего prefab
`hero-die`	Большой центральный куб и три пета вокруг	72	Отклонён: сильнее меняет привычную композицию

Отчёт пакетной оценки: reviews/explore.json.

Refine¶

Итерация	Score	Что исправлено
1	72	Добавлены Team Die Details, slot number и Equipped badge, усилены рамки, подложка результата
2	88	Primary CTA отделён от Quick Equip / Auto-Upgrade, добавлен no-live state, улучшены таблицы граней и popup chrome
3	92	Pet Info переведён на общую popup-анатомию, усилена читаемость пулов, добавлен feedback glow

Отчёты: reviews/refine-01.json, reviews/refine-02.json, reviews/refine-03.json.

После pass-оценки по прямому решению дизайнера состояние 01B / NO LIVE удалено. Pet Info уменьшен и переведён на размеры и prefab-анатомию SkillInfoView; зелёные EQUIPPED-бейджи удалены с карточек петов на экранах 01/02. Отдельный Rank, сообщение FACETS ARE FIXED TO THIS PET и кнопка IN USE удалены из UI. Прогресс показывает шарды до следующего LV. В нижнем action row раздельно показаны контекстная EQUIP/UNEQUIP и постоянная UPGRADE.

В Pet Info оба Facet-блока дополнены сравнением CURRENT → NEXT LV: текущее значение остаётся нейтральным, будущее значение выделено зелёным по конвенции chest-upgrade. Значения в макете демонстрационные и должны приходить из данных уровней Facet.

Стоимость vision-оценок OpenRouter: $1.3741 суммарно.

Переиспользованные Unity-элементы¶

Структура и визуальный язык основаны на:

Assets/Prefabs/UI/Pets/PetsScreenView/PetsScreenView.prefab
Assets/Prefabs/UI/Pets/PetInfoView/PetInfoView.prefab
Assets/Prefabs/UI/Skills/SkillInfoView/SkillInfoView.prefab
bg_petGacha, bg_popup_ns_big, bg_popup_ns_small
bg_underlay_main_top, bg_underlay_main_bottom, popup_underlay_01
bg_header_02
btn_small_blue, btn_small_green, btn_small_yellow, btn_small_gray
border_locked, icon_lock, inc_dec, pb_big_back, pb_big_fill_full
семь существующих pet sprites и пять pet-rarity frames.

Автоматический fuzzy-reuse был отключён после проверки: точные Unity-ассеты положены в локальный art cache и четыре неоднозначных роли принудительно сопоставлены в postprocess_mockup_art.mjs.

Новое изображение¶

Сгенерированы только отсутствующие в Unity элементы:

team_die.png — прозрачный Team Die cube;
шесть facet icons: Head Start, Calibration, Packed Lunch, Second Spark, Lucky Star, Life Bloom.

Исходники находятся в art/. Макет содержит встроенные raster data URI, поэтому итоговый HTML самодостаточен.

Проверка¶

Headless Chromium успешно отрендерил четыре frame без console/page errors.
Нет вложенных интерактивных button элементов.
Нет SVG и CSS margin; раскладка использует gap и padding.
Все raster art slots именованы через img_*, UI-слои — через panel_* / btn_*.
Финальный HTML весит около 1.6 MB, что безопасно для html.to.design.

Превью находятся в previews/.

Следующий шаг¶

Импортировать mockup-embedded-cube.arted.html через html.to.design с включёнными Layer names и Autolayout, затем передать полученные Figma frames в figma-to-unity pipeline.