Разработка движка для HTML5-игры в пазлы (JS / WebGL / Canvas)
100 000 UAHСоздаётся сайт с HTML5-игрой, в которой пользователи собирают пазлы из изображений.
У нас уже готов frontend (React + Next.js) и backend (API, авторизация, лидерборд...).
Макеты интерфейса есть в Figma.
Нужно разработать точно такой же игровой движок, как на сайте:
https://www.jigsawplanet.com/?rc=play&pid=10922412a0fc – Функционал будет практически такой же.
Еще хороший пример реализации:
https://www.jigsawexplorer.com/online-jigsaw-puzzle-player.html?puzzle_id=formal-lemonade
Но функционально больше на первый будет похоже.
Коротко, что нужно:
1. Нарезка изображения:
Программная нарезка картинки на куски (по сетке, например, 12×8)
Идеальная стыковка фрагментов
Несколько форм кусков (классические, волнистые, прямоугольные и т.д.)
Любое соотношение сторон изображения
Поддержка масштабирования и адаптации под любые экраны
2. Интерфейс и управление:
Перетаскивание мышью и на тач-устройствах
Притягивание кусков при приближении (магнитное поведение)
Склеивание кусков в группы при правильной стыковке
Работа в мобильных браузерах (тач-события, pinch to zoom)
3. Игровая логика:
Таймер (запуск при первом действии)
Кнопка паузы
Победный экран
Подключение коротких звуков (соединение, победа, перетаскивание)
Переключатель звука (on/off)
4. Связь с backend:
Получение конфигурации игры (ID, ссылка на картинку, количество кусков, форма)
Отправка результата (ID, время, форма, успешность)
Технологии:
Canvas или WebGL (Pixi.js / Three.js / аналог)
Более детально задачу и оплату можем обсудить в личных сообщениях.
Если не уверены, что сможете такое реализовать, пожалуйста, не оставляйте заяку.
-
277 1 0 Я — Олеснандер, full‑stack разработчик с 5‑летним опытом. Могу сделать для вас HTML5‑пазл‑игру на Canvas/WebGL со всем необходимым функционалом (нарезка изображения, перетаскивание, “магнитное” прилипание, таймер, звук, мобильная поддержка) и интегрировать её с вашим бэкендом (получение конфигурации, отправка результатов).
Если вас интересует сотрудничество — пишите, обсудим детали и условия.
С уважением,
Олеснандер
-
72 1 Добрый день, я пишу относительно выполнения задания, я Full разработчик и TeamLead в компании IBM, могла бы взяться за вашу работу . Также могу предоставить работы, которые я делала. Абсолютно не пожалеете, если начнете сотрудничество со мной!
-
15075 32 0 1 Добрый день!
Меня зовут Валентин, и я представляю Arctic Web Agency. Мы - команда опытных веб-разработчиков, которые специализируются на создании современных и эффективных веб-решений для бизнеса. В личных сообщениях смогу предоставить примеры наших похожих работ. Готовы взяться за ваш проект!
С уважением
Arctic Web Team
Freelancehunt
-
319 добрый день занимаемся,Веб-разработкой ,версткой сайтов на PHP,фреймворках laravell HTML CSS,в том числе и на Wordpress. разрабатываем сайты на php,.фреймворки на Lavarell и мобильные приложения на IOS и android под ключ.
Разрабатываем сайты на PHP и мобильные приложения под IOS и Android.
Имеем опыт в создании CRM/ERP систем.
Готовы выполнить ваш заказ под ключ.
Разрабатываем сайты на Wordpress и мобильные приложения под IOS и Android. Совокупный опыт в разработке составляет 7 лет. Готовы выполнить ваш заказ под ключ.
1. Проекты
https://berkanaplus.com.ua/ -Этот сайт переносил и настраивал сервер.
2. https://leondesign.kyiv.ua/
… Обновления версии PHP и обновления плагинов.
3. https://peg.com.ua/
Разработка нового модуля для сайта динамического обновления стоимости продукции.
https://uvali.com.ua/
Настраивания выделенного сервера VPS.📈 Интернет-маркетинг и продвижение:
Настройка рекламы в Google Ads, Facebook, TikTok
Seo и копирайтинг
Продвижение через push-уведомления и in-app рекламу
Маркетинговая аналитика, A/B тестирование, оптимизация кампаний
📈 Интернет-маркетинг и продвижение:
Настройка рекламы в Google Ads, Facebook, TikTok
Seo и копирайтинг
🎨 Дизайн-решения:
Собственный отдел дизайна
UI/UX-дизайн, брендинг, рекламные креативы
-
717 21 2 1 Приветствую!
Думаю, WebGL тут совсем лишний, вполне можно на svg+css реализовать, тем более, что браузеры сейчас довольно хорошо оптимизмруют рендеринг этого дела, и такие действия, как трансформация (перемещение) элементов практически не потребляют дополнительных ресурсов.
В общем, готов взяться, знаю как сделать)
-
1956 11 0 Добрый день! Меня зовут Николай, я Frontend-разработчик с опытом более 6 лет. Также имею опыт в разработке браузерных игр. Заинтересовал ваш проект — буду рад обсудить детали в личных сообщениях.
-
243 Здравствуйте! Меня зовут Владислав, я соучредитель команды разработчиков.
Ваш проект по созданию HTML5-игры с пазлами на React и Next.js очень интересен и близок нам по технической экспертизе. Мы имеем опыт разработки интерактивных веб-приложений с использованием Canvas и WebGL (Pixi.js, Three.js), что позволит реализовать качественный и плавный игровой движок с программной нарезкой изображений и адаптивным интерфейсом.
Нам хорошо знакомы все перечисленные вами требования: точная нарезка изображений с разными формами, магнитное поведение при стыковке элементов, поддержка мобильных устройств с touch-управлением и масштабированием, а также интеграция с backend для передачи игровых данных и управления конфигурацией.
Мы готовы разработать стабильный, производительный и удобный игровой движок, максимально приближенный по функционалу к вашим примерам. Гарантируем структурированный код и подробную документацию
Актуальные фриланс-проекты в категории Javascript и Typescript
Оптимизация Core Web Vitals (OpenCart) под Google PageSpeed — Мобильная и ПК версииОписание заказа: Ищем опытного frontend-разработчика/специалиста по OpenCart для оптимизации скорости загрузки сайта (категории и карточки товаров) под требования Google Core Web Vitals. О проекте: * CMS: OpenCart. * Специфика: Сайт работает в режиме каталога (корзины и… CMS, Javascript и Typescript ∙ 3 дня 6 часов назад ∙ 23 ставки |
Оптимизация скорости сайта WordPress
5092 UAH
полные детали отправим в личные сообщения Цель Максимально ускорить загрузку сайта, особенно на мобильных устройствах. KPI (обязательно) После завершения работ необходимо добиться следующих показателей. Mobile Performance 90+ LCP менее 2.2 сек INP менее 200 мс CLS менее 0.1… HTML и CSS верстка, Javascript и Typescript ∙ 4 дня 1 час назад ∙ 68 ставок |
Ищем Odoo Developer — соло-разработчика с опытом разработки на Odoo 19 Community EditionЕсть рабочий, чисто спроектированный проект на Odoo 19 Community — CRM для украинского отеля, уже в production-grade инфраструктуре. Переписывать с нуля не планируем. Ищем одного человека, который подхватит проект, сохранит работоспособное и поведет его дальше: сначала CRM →… Javascript и Typescript, Веб-программирование ∙ 6 дней 3 часа назад ∙ 3 ставки |
Ищу опытного Full Stack разработчика для создания SaaS-сервиса для интернет-магазинов.Идея сервиса: Клиент загружает ссылку на свой товарный фид (XML или CSV). Сервис автоматически получает товары, берет их фотографии и создает новые рекламные изображения по готовым шаблонам: цена, скидка, логотип, акционные плашки и т.д. Также в сервисе должен быть простой… Javascript и Typescript, Веб-программирование ∙ 7 дней 9 часов назад ∙ 87 ставок |
Разработка WebGL/Three.js сцены с генерацией и экспортом 3D (snapshot) из анимированного шейдераОписание объекта:Проект представляет собой дизайнерский стол, выполненный в форме реалистичного, глубокого водоворота (центральная воронка, которая плавно переходит из широкой горизонтальной столешницы в тонкую изящную ножку). Суть задачи:Требуется WebGL / Creative Coding… Javascript и Typescript, Веб-программирование ∙ 8 дней 5 часов назад ∙ 31 ставка |