Как сделать анимацию на canvas?

Question

[Blunker]

Требуется реализовать визуализацию алгоритма сортировки, подобное этому https://www.cs.usfca.edu/~galles/visualization/Alg....

Не знаю с чего подступиться. Гугл не дал никаких результатов.
Может делал кто подобное, дайте поглядеть исходники:)

Answer 1

[Александр Коротаев]

Сделать "запись" процесса сортировки при помощи паттерна команды gameprogrammingpatterns.com/command.html

сложить команды в стек,

проигрывать команды по таймауту

фактичсески там будет что-то типа
queue = [MoveCommand(1,3), MoveCommand(2,3), MoveCommand(3,1)]

а в команде уже передвигать элементы массива, и запускать перерисовку.

Comments

[Blunker]

Мне интересен сам процесс прорисовки

[Александр Коротаев]

Blunker: а что именно? Как нарисовать элементы массива?

[Blunker]

Да, и как это все двигать

[Александр Коротаев]

Blunker: видно поможет справочник по Canvas-api, двигать? рисовать, стирать, рисовать, стирать...