написать генератор фрактала состоящий из определенных фигур для WEB игры

Задание закрыто
Стоимость:Договорная
Срок выполнения:30 дней
Варианты оплаты:По договоренности
Дата публикации:2025-07-16 13:32
Был(а) на сайте:2025-07-17 12:34

написать генератор фрактала состоящий из определенных фигур для WEB игры

 
Задача

хочу создать генератор фрактала состоящий из форм что я представил на картинке. по задумке далее это превратится в простую интерактивную игру, где нужно будет с помощью свайпов по экрану (приближения) находить и добавлять в свою копилку "круглые объекты".

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

Оставлять заявки могут только авторизованные пользователи.
Daicha Takeda
Daicha Takeda cockie35
Основная специализация: ИТ и Разработка
    Привет!
    Я — опытный разработчик с многолетним стажем в Python. Пишу скрипты, сайты, парсеры, телеграм-ботов, десктопные утилиты и многое другое. Также разрабатываю андроид-приложения.

    Что я предлагаю:

    • Быстрое и КАЧЕСТВЕННОЕ выполнение задач

    • Адекватную обратную связь 12/7(когда не сплю)

    • Помощь с запуском, настройкой и разъяснением работы проекта

    • Честный подход и соблюдение сроков

    Всегда за Безопасную Сделку

    Портфолио: https://ochistka35.wixsite.com/daichasportfolio
    Telegram для связи: https://t.me/daicha_helper_bot (прошу писать, онли в тг)
    Юрий Web
    Юрий Web u1624
    Основная специализация: ИТ и Разработка
    Сделаю.
    Html5, Канвас, анимация, интерактив.

    https://t.me/u_1624
    Дамир Усманов
    Дамир Усманов itstyles
    Основная специализация: ИТ и Разработка
      Доброго времени суток!
      Готов обсудить Ваш проект.
      Alexandr Alexandrov
      Alexandr Alexandrov gglalex
      Основная специализация: Веб-разработка и Продуктовый дизайн
      Приветствую! Ознакомился с задачей по фрактальному генератору для WEB-игры — готов реализовать, в разработке 7+ лет.
      • JavaScript / TypeScript
      • Canvas / WebGL / PixiJS
      • Фрактальные алгоритмы
      • Touch-события и свайпы
      • Процедурная генерация
      • Интерактивные игры для браузера
      TG: https://t.me/Alexuys

      Примеры моих работ

      Календарь на swift
      web app
      site
      Саша Ш
      Саша Ш alex19an
      Основная специализация: ИТ и Разработка
        Добрый день. Тоесть это должен быть бесконечный фрактал?
        Напишите мне в телеграм @dfs148
        Умею работать с фракталами.
        Леонид
        Леонид zapdos
        Основная специализация: ИТ и Разработка
        Готов выполнить.
        Михаил Фрилансер
        Михаил Фрилансер fl_m
        Основная специализация: ИТ и Разработка
          Здравствуйте.
          Пишите обсудим.
          Василий Авдеев
          Василий Авдеев loveru88
          Основная специализация: Веб-разработка и Продуктовый дизайн
          Приветствую, Антон! Я менеджер компании AV Studio ( https://avdeevstudio.ru/?utm_source=frelanc )

          Мы готовы создать для вас генератор фракталов, состоящий из заданных фигур, с возможностью интеграции на веб-страницу. Работа будет разделена на следующие этапы с оценкой времени:

          1. Сбор требований и проработка алгоритмов
          – Определение типов фракталов и фигур, их параметров, способов генерации, интерактивности и требований к UI.
          Оценка: 2–3 часа

          2. Проектирование архитектуры генератора
          – Разработка структуры модуля, выбор технологии (Canvas, SVG, WebGL), создание схемы взаимодействия параметров и вывода.
          Оценка: 3–4 часа

          3. Реализация базового фрактального алгоритма
          – Написание ядра генерации фигур (например, Алгоритм Коха, дерево, треугольники), отрисовка на выбранной среде.
          Оценка: 5–7 часов

          4. Настройка параметров и UI-интерфейса
          – Добавление управления параметрами (глубина, масштаб, повороты, цветовые схемы), обновление в режиме реального времени.
          Оценка: 4–6 часов

          5. Оптимизация и адаптивность
          – Улучшение производительности при высоких глубинах, кеширование результатов, адаптивность под экраны и размеры.
          Оценка: 3–5 часов

          6. Интеграция генератора на веб-страницу
          – Встраивание модуля в HTML-страницу, подключение скриптов и стилей, упаковка и сборка через Webpack или аналог.
          Оценка: 3–4 часа

          7. Тестирование, отладка, обеспечение совместимости
          – Проверка корректности отрисовки, работа на разных браузерах, исправление визуальных и логических ошибок.
          Оценка: 2–4 часа

          8. Документация и передача проекта
          – Инструкция по использованию модуля, настройке параметров и интеграции в другие проекты.
          Оценка: 1–2 часа

          Итого: ориентировочно 23–35 часов

          Присылайте ссылку на задание
          Давайте обсудим детали в Телеграм: https://t.me/Avdeev_Vasiliy
          Максим Семенюк (maxiosigma)
          Максим Семенюк (maxiosigma) maxeros
          Основная специализация: Веб-разработка и Продуктовый дизайн
            Могу сделать на Nuxt 4.
            Далее уже доработать до игры.
            Цена только за генератор.
            Ислам Загибов
            Ислам Загибов islamzagibov195
            <!doctype html><html><head><title>Фрактал 2048</title><style>body{margin:0;padding:20px;text-align:center;background:#f0f8ff}canvas{background:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.2)}#c{display:flex;justify-content:center;gap:10px;margin:10px}button{background:#4caf50;color:#fff;border:none;padding:8px 15px;border-radius:4px;cursor:pointer}select,input{pad
            ding:8px;border-radius:4px;border:1px solid #ddd}</style></head><body><h1>Фрактальный генератор</h1><div id="c"><select id="t"><option value="s">Квадраты</option><option value="t">Треугольники</option><option value="c">Круги</option></select><input id="d" type="range" min="1" max="5" value="3"><button onclick="g()">Создать</button></div><canvas id="cnv" width="400" height="400"></canvas><script>const c=document.getElementById("cnv").getContext("2d"),f={s:(x,y,s,d)=>{if(d<1)return;c.fillStyle=`hsl(${d*60},80%,50%)`;c.fillRect(x-s/2,y-s/2,s,s);if(d>1){let n=s/2.5;f.s(x-s,y-s,n,d-1);f.s(x+s,y-s,n,d-1);f.s(x-s,y+s,n,d-1);f.s(x+s,y+s,n,d-1)}},t:(x,y,s,d)=>{if(d<1)return;c.fillStyle=`hsl(${d*40+120},80%,50%)`;c.beginPath();c.moveTo(x,y-s/2);c.lineTo(x-s/2,y+s/2);c.lineTo(x+s/2,y+s/2);c.closePath();c.fill();if(d>1){let n=s/2;f.t(x,y-s/2,n,d-1);f.t(x-s/2,y+s/4,n,d-1);f.t(x+s/2,y+s/4,n,d-1)}},c:(x,y,s,d)=>{if(d<1)return;c.fillStyle=`hsl(${d*30+240},80%,50%)`;c.beginPath();c.arc(x,y,s/2,0,Math.PI*2);c.fill();if(d>1){let n=s/2.5;f.c(x-s,y-s,n,d-1);f.c(x+s,y-s,n,d-1);f.c(x-s,y+s,n,d-1);f.c(x+s,y+s,n,d-1)}}};function g(){c.clearRect(0,0,400,400);f[document.getElementById("t").value](200,200,200,document.getElementById("d").value)}g();</script></body></html>
            ```

            Этот код включает:
            1. 3 типа фракталов (квадраты, треугольники, круги)
            2. Настройку глубины рекурсии (1-5 уровней)
            3. Автоматическую цветовую генерацию
            4. Адаптивный интерфейс

            Для интеграции в игру:
            1. Замените canvas на игровой объект
            2. Добавьте экспорт параметров фрактала
            3. Настройте размеры под вашу игру
            Stanislav Ricci
            Stanislav Ricci ricci
            Основная специализация: ИТ и Разработка
              краткая «дорожная карта» и минимальный рабочий пример (HTML + ES-модуль) — этого уже достаточно, чтобы:

              cгенерировать рекурсивную «ветвистую» структуру из окружностей и линий, напоминающую изображение;

              перерисовывать её при масштабировании;

              «нырять» внутрь, если пользователь тапнул/кликнул по крупному узлу.

              1. Как устроен генератор
              Шаг Что делаем Ключевые параметры
              1.1 Создаём корневой узел Node (центр canvаs). sizeRoot (радиус), branchFactor (сколько детей), scale (во сколько раз уменьшаем радиус детей).
              1.2 Рекурсивно (или итеративным BFS) строим дочерние узлы: каждый получает:
              • угловое смещение (равномерно или с шумом);
              • координаты x = parent.x + cos(th)·L, y = …;
              • радиус r = parent.r * scale. maxDepth (глубина), angleJitter (шума), lenFactor (коэффициент длины ветви)
              1.3 Для рендеринга обходим дерево DFS и:
              • рисуем линию ctx.moveTo(parent)…lineTo(child);
              • рисуем окружность arc(child.x, child.y, child.r, 0, t). толщина линии пропорциональна r, цвет/прозрачность — от глубины
              1.4 «Крупный» узел — любой, у кого r >= bigThreshold. Их кладём в массив bigNodes и проверяем на «хит-тест» при тапе. bigThreshold

              Оставлять заявки могут только авторизованные пользователи.

              Другие открытые задания:

              Разместить объявление1 200 р.

              Бюджет: 1 200 р. Здравствуйте, связаться напрямую со мной можно в телеграмме anpotap15. Задача достаточно простая. Вы получаете готовую информацию для заполнения объявления, зап…

              Разработать меню 2 500 р.

              Бюджет: 2 500 р. Сделать печатное меню формата а3 для ресторана. Все блюда и напитки уже разбиты по категориями. Необходимо разработать дизайн и внести туда все позиции. Желательно …

              Ведения и оптимизации рекламных кампаний в Яндекс Директ15 000 р.

              Бюджет: 15 000 р. Нужен опытный специалист, который возьмёт на себя полный цикл настройки, ведения и оптимизации рекламных кампаний в Яндекс Директ. Задачи: -Сбор и кластеризац…

              поиск заданий