Canvas, заливка прилегающих пикселей.
 

Доброго времени суток. Прошу помощи:help: У меня есть картинка на которой изображено 12 черных звезд. Мне нужно рядом с ней выводить эту же картинку только с цветными звездами, т.е. каждая звезда разного цвета.
Вот пример кода к которому пришел:

for (var y=0;y<h;++y){
for (var x=0;x<w;++x){
var i=(y*w+x)*4;
var r=d[i],g=d[i+1],b=d[i+2],a=d[i+3];

/* закрашивание пикселя */
console.log('x='+x+ '; y=' +y+ '; rgba='+r+', '+g+', '+b+', '+a+'. . .');
}
}

Я получаю цвет пикселя в каждой точке. Я не могу понять, как мне закрасить все соседние пиксели в определенный цвет. Голова уже кипит, не могу ничего придумать. Help!

Repka,
звёзды как расположены?

Вот так:

******
******
_

и линия еще есть снизу, ее тоже закрасить нужно.

Repka,
разделить на сектора и менять цвет согласно сектору.

Рони,
Хотелось бы сделать универсально, чтобы если звезды будут расположены не равномерно, скрипт отрабатывал бы. Все равно спасибо за совет:)

Рони,
Если вам не сложно, не могли бы подсказать как разбить на сектора? Начал гуглить, ничего подходящего не нашел. Буду благодарен)

Repka,

http://websketches.ru/blog/raskrshiv...vas-javascript