Превращаем Хабр в «пятнашки» с помощью Canvas

[Lsh]

Прикольная штука. Спасибо!

>it does not make an actual screenshot, but builds the screenshot based on the information available on the page
Ах вот оно как. Пока не прочитал, думал что поверх страницы кладется какой-нибудь хитрый прозрачный canvas, а потом из него считывается картинка. Жаль что так нельзя. Было бы не плохо иметь стандартный механизм рендеринга страницы в canvas (для всяких эффектов).

[tendium]

Да, я не отметил это в статье. Спасибо за замечание. Кстати, именно по этой причине возникают отличия между «скриншотом» и оригиналом (в частности это касается градиентов и скругленных углов).

[TheShock]

Было бы не плохо иметь стандартный механизм рендеринга страницы в canvas (для всяких эффектов).

Есть такой метод, drawWindow, кажется. Используется именно, чтобы снимать скрины. Но его можно юзать только в расширениях и плагинах. Я думаю, что его используют, чтобы сделать миниизображение во всяких аналогах Speed Dial.

[t3ns0r]

Нашел баг: при нажатии на кнопку «Отмена» всё равно создаются паззлы

[tendium]

Спасибо. Исправил.

[Prototik]

Может сделать новую капчу в виде пятнашек?..

[WiseLord]

Не всегда попадаются собираемые комбинации.

[tendium]

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

[EuroElessar]

проще генерацию сделать ситуации из начальной путем n случайных движений)

[tendium]

Согласен. Исправил на генерацию случайных ходов. Сейчас должно быть лучше )