Как реализовать анимированный след за мышкой средствами canvas?

Question

[Insayt]

Ищу похожую реализацию как тут hakim.se/experiments/html5/sinuous/01/#
Интересует именно линия следа за мышкой. Задача - посмотреть как сделано и сделать чуть по другому.

Answer 1

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

1. Во время движения мыши заполняем стек (к примеру в 20 ячеек) её координатами. Очень близкие координаты выкидываем.
2. Каждый фрейм берем координаты в стеке и по ним рисуем линию (линия по точкам, eng).

Кажется ничего сложного нету.

UPD: В качве оптимизации можно линию не полностью обновлять а дорисовывать. Но реализуется это посложнее немного.

UPD2: В самой игре по вашей ссылке координаты в стеке ещё и каждый игровой цикл смещаются в сторону движения частиц.

Comments

[Insayt]

спасибо за наводку :) Если кто столкнется с подобной задачей - тут есть образец jsfiddle.net/insayt/gfZ5C/358