Как устроен прототип?
VIEWPORT - окно приложения
с цветом фона. Размер вьюпорта зависит от устройства пользователя.
CANVAS и Z-INDEX
Поверх viewport накладывается CANVAS слой с выключеным декором, персонажем и фонами, например домик с травой.
У каждой сущности в CANVAS настроен слой уникальный z-index - высота слоя.
Декор по умолчанию выключен.
Включается после покупки
в котошопе.
Токены
Colors
В категории цветов находится основная палитра для всего UI.
Timers
Здесь лежат все токены
для настройки логики таймеров
Balance
Здесь токены баланса монеток
Hearts
Здесь токены баланса сердечек
Canvas Root
В этой категории собраны токены переключателей для всех предметов внутри CANVAS слоя: домик, декор, персонажи, локации.
Screens
В категории экранов находятся переключатели всех экранов
и контента внутри слоя экранов, например настройка переключения скинов.