Разработка изометрической карты, Frontend, PixiJS/React
Что нужно сделать?
Описание проекта:
DreamWay — игра в Telegram, где игрок обустраивает футуристический остров. Необходимо разработать клиентскую часть: отрисовку изометрической карты с использованием PixiJS и пользовательский интерфейс на React. Карта должна поддерживать перетаскивание, масштабирование, отображение зданий с таймерами строительства.
Стек:
PixiJS (v7+) — рендеринг графики
Nuxt (3) — интерфейс и состояние
TypeScript (обязательно)
Что предстоит сделать:
Инициализировать холст PixiJS внутри React-приложения.
Настроить viewport (drag, pinch-to-zoom) с ограничениями.
Реализовать загрузку и отображение изометрических спрайтов (карта, здания, подсветка слотов).
Добавить интерактивность: кликабельные слоты, визуальную подсветку.
Связать React и PixiJS: клики по слотам открывают меню строительства (React-компонент).
Разработать компоненты интерфейса: панель ресурсов, модальное меню строительства (glassmorphism), карточки зданий, таймеры обратного отсчёта.
Интегрировать API (получение состояния острова, отправка команд строительства).
Опыт работы с PixiJS (коммерческие проекты, игры или интерактивные приветствуются).
Уверенное знание React и управление состоянием.
Понимание особенностей изометрической графики (сортировка по Z, координаты).
Опыт оптимизации производительности графики на мобильных устройствах.
Умение работать с асинхронностью.
ТЗ: https://docs.google.com/document/d/1Gy4KvUz6aN-Gt4F7LwCKeHhcZqkxevnTd9haLQaJxVw/edit?pli=1&tab=t.0#heading=h.73v6r72z2aid
Цена: до 150000 руб.
Перейти к заявке 👨💻
#frontend #фриланс
Post #3560
1.31K

- ❤ 1