Зробити сайт на 1 сторінку 2d візуалізація live коефіцієнтів

Привіт!
Портфоліо: Freelancehunt
Задача зрозуміла — live коефіцієнти через API, два спрайти на полі, плавний рух з урахуванням швидкості запису 90-100х.
Зроблю на чистому JS + Canvas: підключу API букмекера, прорахую позиції спрайтів від коефіцієнтів, анімація буде органічною навіть при прискоренні запису. Скинь референс і вихідники в особисті — оціню точно.

Вітаю! Задача зрозуміла — це розробка інтерактивної візуалізації на основі Live-даних. Маю досвід роботи з API та складними анімаціями.
Як реалізую:
Стек: Next.js + Framer Motion (для плавної інтерполяції руху персонажів без ривків).
Логіка: Реалізую механіку "згладжування" (lerp) коефіцієнтів, щоб спрайти рухалися органічно навіть при високій частоті оновлень API.
Адаптив: Спрайти будуть масштабуватися відносно ширини поля згідно з заданою формулою.
Орієнтовна оцінка:
Термін: 5-7 днів.
Вартість: 7000грн.
Готовий приступити до розробки прототипу руху. Надсилайте вихідники та документацію API — обговоримо деталі!
… З повагою,

Доброго дня!

Ознайомився з описом проєкту та референсом. Можу реалізувати односторінковий вебдодаток з отриманням live-коефіцієнтів через API, плавною анімацією 2D-персонажів та відображенням їх позицій на полі відповідно до змін коефіцієнтів у реальному часі.

Для реалізації використаю JavaScript із Canvas або Phaser.js (залежно від деталей референсу), що дозволить отримати плавну анімацію та стабільну роботу під час тривалого запису відео.

Після ознайомлення з API та технічними деталями зможу одразу приступити до роботи.

Буду радий співпраці.

Вітаю!
Готовий взятися за роботу
Пишіть все обговоримо
Моє портфоліо Freelancehunt
Behance

Готовий виконати.
Досвід роботи в Web Development більше 12+.
Приклади робіт https://koder.pp.ua/portfolio/

Добрий день, зроблю так що відкриватиметьсяигарно навіть на принтері, також будете мати можливість масштабування, сьогодні такі задачі робляться швидко і результати дуже приємні.
З повагою
Олег Жилін

Доброго дня! Розробляю на Python, React/Node.js виконував схожі проєкти, готовий до співпраці.

Доброго дня.

Задача повністю зрозуміла. Можу реалізувати односторінковий вебдодаток, який у реальному часі отримує live-коефіцієнти через API букмекера та візуалізує їх у вигляді анімованих персонажів на футбольному полі.

Що буде реалізовано:

• підключення до API букмекерських коефіцієнтів;
• автоматичне оновлення даних у реальному часі;
• плавна інтерполяція позицій спрайтів без ривків;
… • коректна логіка перерахунку коефіцієнтів у позиції на полі;
• підтримка П1 / Нічия / П2;
• анімація бігу персонажів;
• адаптація під запис екрана та подальше прискорення відео у 90-100x;
• оптимізація продуктивності для тривалої роботи під час матчу;
• можливість легко змінювати спрайти та оформлення.

Для плавності я б не рухав персонажів безпосередньо по кожній зміні коефіцієнта, а використовував систему згладжування (lerp/interpolation), завдяки чому навіть при частих оновленнях даних рух буде природним та виглядатиме добре після прискорення відео.

Технології:
• React / Next.js
• TypeScript
• Canvas або PixiJS (залежно від референсу)
• REST/WebSocket API букмекера

Після отримання референсу та документації API зможу одразу оцінити фінальну складність та запропонувати декілька варіантів реалізації анімації.

Доброго дня, веб-програмуванню вже більше 9 років
Працюю з rest api, фреймворками та cms такими як django, laravel, yii2, wp, opencart, codeigniter тощо. Готовий виконати завдання.
Відгуки: Freelancehunt

Показати оригінал

Перекласти

Доброго дня!

Я початківець Python/frontend-розробник, зараз активно набираю портфоліо, тому працюю за цінами нижче ринку.

Можу реалізувати:
• односторінковий сайт;
• підключення live-коефіцієнтів через API;
• плавну анімацію 2D-персонажів на полі в реальному часі;
• коректну роботу анімації для подальшого прискорення запису в 90–100x.
…
Орієнтовний термін: 5–7 днів.
Орієнтовна вартість: 50 USD

Готовий ознайомитися з матеріалами та обговорити деталі.

Добрий вечір! Можу реалізувати проєкт за 1-2 дні. Маю досвід з HTML, CSS, JS — підключення API, анімація спрайтів і плавний рух персонажів не складуть проблем.

Вітаю! Задача дуже нестандартна і цікава, особливо в частині роботи з анімацією під прискорення x100.

Звичайний CSS або DOM-анімація тут не підійдуть — при прискоренні відео будуть помітні ривки. Оскільки я маю досвід розробки браузерних ігор, я реалізую цю візуалізацію на PixiJS (Canvas/WebGL).

Я напишу логіку з використанням лінійної інтерполяції (Lerp), щоб при отриманні нових коефіцієнтів з API спрайти не стрибали на нові координати, а максимально плавно і мікроскопічно "дотягувалися" до них. Це дасть ідеальну органічну картинку на таймлапсі.

Орієнтовні умови:

Терміни: 3–5 днів.
…
Вартість: $150–$250 (залежить від формату спрайтів та складності API букмекера).

Вітаю!

Проєкт дуже крутий та нестандартний, з радістю реалізую таку інтерактивну візуалізацію. Механіка зрозуміла: ми робимо не просто сайт, а такий собі "живий трекер" на основі букмекерських API, де нижчий коефіцієнт (вищий шанс на перемогу) штовхає персонажа вперед до фінішу.

Вітаю!

Готовий взятися за завдання

Як я пропоную це реалізувати:
Інтеграція з API: Налаштую асинхронний запит до букмекерського API (яке ви надасте) в реальному часі для миттєвого отримання актуальних коефіцієнтів П1 та П2.
Математика руху та плавність: Щоб персонажі не «телепортувалися» при зміні цифр, я реалізую рух через лінійну інтерполяцію (LERP) на базі requestAnimationFrame. Персонажі будуть зміщуватися по горизонтальній осі абсолютно плавно, без різких ривків. Логіка чітка: нижчий коефіцієнт - ближче до фінішного прапорця.
Оптимізація під прискорення 90-100х: Це ключовий нюанс. Я налаштую базову швидкість анімації самих спрайтів (цикл перебирання ніг) у реальному часі в режимі «slow-motion». Завдяки цьому при підсумковому прискоренні відео в 90-100 разів біг персонажів виглядатиме природно та органічно, без хаотичного миготіння кадрів.
Стек технологій: Зроблю проєкт на чистому HTML5 Canvas / JS або React + Tailwind (без важких CMS). На виході ви отримаєте чистий і легкий код, який можна буде запустити прямо з папки на комп'ютері для запису екрана.

Вітаю! Робив односторінкові веб-додатки з live-даними через API-поллінг і плавною canvas-анімацією — рух та обгін спрайтів роблю через інтерполяцію, тому навіть на пришвидшеному записі вони рухаються органічно, без ривків. Уточніть: коефіцієнти тягнемо з конкретного API букмекера (якого саме?), чи ви даєте готовий потік даних? Поле і спрайти візьму з ваших вихідників. Орієнтовно 4 дні.

Доброго дня!

Цікавий проєкт — одностраничник із live-коефіцієнтами та 2D-анімацією це якраз моя зона. По референсу й опису все зрозуміло, розкажу, як зроблю головне.

Тягну коефіцієнти через API в реальному часі й прив'язую позицію кожного спрайта до коефіцієнта: нижче коеф → ближче до фінішного прапора справа, вище → лівіше.

Ключовий момент, який ви правильно підкреслили — плавність на прискоренні 90-100x. Зроблю так: позиції спрайтів не «стрибають» при оновленні коефіцієнта, а плавно інтерполюються (tween з easing) до нової точки. Тобто спрайт постійно повільно й органічно повзе, а не смикається ривками. Саме завдяки цьому при прискоренні запису в 90-100 разів рух виглядатиме живим, а не рваним. Обгони й зміщення теж зроблю плавними.

Технічно беру Canvas (PixiJS) або чистий JS на requestAnimationFrame — це дає найгладше анімування під запис екрану. Ваші вихідники (спрайти, поле, прапор) впишу як є.
…
Головне питання, від якого залежить усе: API коефіцієнтів — ви даєте доступ/ключ до конкретного букмекерського API, чи його треба підбирати? І чи віддає він саме live-коефіцієнти (П1/Нічия/П2) з частим оновленням — від частоти оновлення залежить, наскільки «живо» бігтимуть спрайти.

Підкажіть по API — і я одразу зорієнтую по фінальній ціні й термінах.

Вітаю!

Маю великий досвід в створенні сайтів та додатків (CMS, SPA, TMA).
Приклади моїх робіт можете продивитись у портфоліо.
Готовий виконати поставлене завдання.

Пропоную обговорити деталі в особистих повідомленнях.

Доброго вечора!

Маю досвід з розробкою веб-сайтів з використанням API для отримання даних у реальному часі. Готовий реалізувати візуалізацію live коефіцієнтів за допомогою 2D спрайтів на футбольній анімації, забезпечивши плавне зміщення персонажів відповідно до динаміки коефіцієнтів.

Звертайтеся в особисті повідомлення, обговоримо деталі.

Доброго дня. Готовий розпочати виконання вашого завдання. Давайте обговоримо.

Показати оригінал

Перекласти

Вітаю! Виконаю ваше завдання швидко і якісно.

Останні мої роботи
https://indexfast.pp.ua - швидка індексація сайту
https://mono-bank.pp.ua - все про монобанк
https://mamamia.pp.ua - інтернет магазин
https://programist.pp.ua/ua/portfolio/ - портфоліо робіт
https://monitortest.pp.ua - тестування монітора
https://keytest.pp.ua - тестування клавіатури
… https://pctest.pp.ua - тестування компютера
https://vseetut.matviy.pp.ua - верстка

Моє портфоліо: https://freelancehunt.com/ua/freelancer/romas6ka.html#portfolio
Пишіть, почну сьогодні працювати. Буду радий співпраці з Вами!

Доброго дня, Іллє!

Цікаве завдання — реалізую на чистому JS.

Що зроблю:
- Fetch API коефіцієнтів в реальному часі
- 2D спрайти на футбольному полі
- Плавна анімація (requestAnimationFrame)
- Позиція спрайта = функція від коефіцієнта
… - Органічний рух при 90-100x прискоренні запису

Термін: 2 дні
Вартість: 3000 UAH

Покажіть формат API та графічні матеріали.

Вітаю, Ілле! З великим інтересом вивчив ваше завдання щодо 2D-візуалізації live-коефіцієнтів. Завдання повністю зрозуміле, маю чітке технічне рішення і готовий реалізувати проект під ключ на чистому JavaScript (без важких бібліотек, що забезпечить максимальну плавність).Як я реалізую цей проект:Плавна анімація (100х): Налаштую рух спрайтів через CSS Transitions або requestAnimationFrame. Розрахую швидкість та інерцію так, щоб при прискоренні відео в 90-100 разів біг персонажів виглядав природно, органічно та без мікро-ривків.Логіка коефіцієнтів: Напишу скрипт, який зчитує дані з API та динамічно перераховує позицію персонажа на полі (нижчий коефіцієнт — плавний зсув вправо до фінішу, вищий — вліво).Чиста верстка: Зроблю акуратну односторінкову верстку, адаптовану під запис екрану, та інтегрую всі ваші вихідні графічні матеріали.Моя пропозиція:
Вартість: 2800 грн.
Термін виконання: 2 дні.
Готовий обговорити формат вашого API та глянути на графічні референси в приватних повідомленнях. Можу приступити до роботи прямо зараз!

Орієнтовна вартість розробки 20 000 грн. Остаточну суму зможу підтвердити після перегляду повного ТЗ, вихідних матеріалів та документації API.

Я розробник NextJs, React, NestJs. Готовий взятися за це завдання.

Показати оригінал

Перекласти

Доброго дня. Проект цікавий, але для оцінки потрібно уточнити, чи є вже готовий API з live-коефіцієнтами, які саме дані він віддає, і чи всі спрайти/фон/графіка. Також потрібно зрозуміти, чи потрібна лише frontend-візуалізація або backend для обробки API. Після цього можна оцінити терміни та вартість.

Вітаю, Ілля! Готовий реалізувати проєкт під ключ. Маю досвід роботи з API та плавними анімаціями, тому зроблю так, щоб при прискоренні в 100х усе виглядало ідеально та органічно.
Пишіть в особисті, обговоримо деталі та вихідні матеріали. Буду радий співпраці!

Вітаю. Готовий виконати під ключ, якість та оперативність гарантую.

Пишіть в особисті, буду радий співпраці!

Привіт. Чи плануєте ви використовувати готову бібліотеку для 2D-анімації, чи потрібна повністю кастомна реалізація руху спрайтів?

Терміни та бюджет уточню в особистому листуванні.

Ось як я виконаю цей проєкт:
1. Налаштую підключення до API букмекерів для отримання live коефіцієнтів у реальному часі.
2. Розроблю систему плавної анімації двох спрайтів на футбольному полі, де позиція залежить від значення коефіцієнта.
3. Оптимізую швидкість руху спрайтів, щоб при прискоренні запису до 100х анімація виглядала органічно та без ривків.

… Дякую за розгляд моєї пропозиції. Я з нетерпінням чекаю на можливість співпраці з вами!