Андрей Апанасик

Я в своё время реализовывал на js волновой алгоритм. Посмотрите, может пригодится. Визуально можно посмотреть как волны строятся. Сам обход в целом являет собой одну рекурсивную функцию.

Извиняюсь, проверить сейчас не могу код, пишу на коленке.

function megaFunction(el, list){
  $('#'.el).click(function() {
    if ( $('#'.el).attr('status') == $('#'.el).attr('pass') ) {
      //копируем массив
      var newList = list.slice(0); 
      //удаляем первый элемент
      newList.splice(0,1);
      if(newList.length != 1)
        megaFunction(list[0], newList);
      else
        //если последний элемент, то выводим сообщение об успехе
        alert(newList[0]);
     }
  });
}

megaFunction('control1', ['control2', 'control10', 'Упражнение выполнено']);

То есть, передаём в наш метод список элементов. Первый элемент — тот, для которого клик вызываем. А далее рекурсивно всё, пока не останется один элемент.
1) Можно и вообще без первого элемента, передавать только массив, где будем кликать по первому элементу.
2) Сейчас проверка только с полем attr('pass'), если хотите свой условие, то немного модифицируйте код.

Я лишь саму идею донести хотел.

В общем подскажите пример как сделать нарисовать что то — и потом с этим взаимодействовать? Скажем пусть будет кривая безье — чтобы можно было ткнуть в точку и потягать за нее меняя кривую…

Canvas.
1) Рисуете кривую.
2) Обрабатываете события мыши и перерисовываете кривую.