Нарисуйте линию муравья с JavaScript и Canvas, которая следует за указателем мыши

Question

Извинения, если это неправильное переполнение при публикации этого вопроса.

Однажды в игре был определенный контроль над игрой, который я считал убедительным. Вы выбираете единицу, а затем перетаскиваете мышь. При перетаскивании отображается муравьиная линия от устройства к указателю мыши. Затем, когда вы отпускаете кнопку мыши, вы говорите этому отряду перейти в эту позицию.

Можно ли это теперь сделать с помощью JavaScript и canvas?

Муравьиная линия похожа на пунктирную линию, где штрихи вращаются.

Answer 1

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

Этот урок должен дать вам несколько идей о том, как нарисовать линию.