Реализация визуализации анимации алгоритма - Визуализация графа цитирования

При работе алгоритма расположения вершин графа необходимо анимировать изменения графа в режиме реального времени. Для этого используется специальная функция JavaScript requestAnimationFrame(callback). В эту функцию передается другая функция, содержащая логику и выполняющая отрисовку одного кадра. Эта функция выполняет несколько операций tick(), количество вызовов которой определяет скорость с которой будут двигаться вершины на экране. Чем больше вызовов tick() за один вызов requestAnimationFrame, тем быстрее работает алгоритм, однако при слишком большом количестве могут начаться видимые задержки.

Далее высчитываются и обрисовываются все кластеры с помощью алгоритма Bubble Sets. Здесь стоит отметить, что во время работы алгоритма расположения вершин используется размер группы пикселей равный 9, а не 3 как после завершения, так как это позволяет отрисовывать кластеры с значительно меньшей нагрузкой на процессор, что критично для задачи, работающей в реальном времени

В конце опять вызывается requestAnimationFrame, если алгоритм не достиг точки останова.

Похожие статьи




Реализация визуализации анимации алгоритма - Визуализация графа цитирования

Предыдущая | Следующая