Задача

Необходимо разработать интерактивную игру для Telegram Mini App на базе PixiJS. Приложение представляет собой стратегическую игру с управлением ресурсами на тайловой карте (grid/tile-map).

Основные требования

  • Опыт работы с PixiJS, включая создание игр с сеткой и тайловыми картами (tile-map)
  • Реализация drag-and-drop объектов на игровом поле
  • Работа с таймерами реального времени и игровой экономикой (ресурсы, улучшения)
  • Глубокая оптимизация производительности: батчинг, работа с текстурными атласами, технологии object pooling

Технический стек

  • ReactJS для интерфейса и компонентов
  • PixiJS - ключевой игровой движок
  • PayloadCMS для управления контентом и админкой
  • MongoDB для хранения данных
  • Telegraf.js для Telegram Bot API интеграции

Синхронизация и безопасность

Требуется понимание клиент-серверной синхронизации: управление состоянием, конфигами, проведение базового античита. Необходима корректная обработка и обновление игрового состояния в реальном времени.

дизайн

Разработка главного баннера для сайта

Требуется создать первый экран (слайд) главной страницы сайта. В основе дизайна - фотография женщины, которой дарят цветы. Необходимо реализовать интерактивный переход для демонстрации изображения.

код

Реализация горизонтального скролла с привязкой к вертикальному

Требуется доработать существующий блок с горизонтальным скроллом элементов. Логика: при вертикальной прокрутке до целевого блока он фиксируется в центре экрана, затем активируется горизонтальный скролл его внутренних элементов. После завершения горизонтального скролла возобновляется вертикальная прокрутка страницы. Необходимо адаптировать решение под веб и мобильные версии.