Программка для быстрого выравнивания/сравнения монет

[AK 1 057]

Сварагнил тут себе программку для быстрого сравнения монет и решил поделиться, работает очень просто:

1. указываем откуда берем картинки, для этого есть две группы контролов (для каждой из картинок), картинку можно либо загрузить с диска с помощью кнопки browse или выбрать (не помню как именно она на русском пишется, принцип тот же что и при загрузке картинки на форум, как только будет выбрано - подгрузится само), либо вставить ссылку в сети (поле ввода, чтобы загрузилось надо нажать кнопку рядом с полем), либо же просто перетащить файлик на надпись Drop a file here

2. На обеих картинках выбираем три точки, которые должны совпасть в итоге (например, для денег образца 1730 я использовал центр розетки и два шаблонных завитка), лучше ставить их подальше - субъективно результат лучше. Важно ставить их на двух картинках в одном порядке на одной картинке (видно по цвету маркеров), но как именно ставить не важно - можно поставить все три сразу на одной, потом все три на другой, а можно поставил первую на картинке один, посмотрел где оно на 2-ой и поставил, потом поставил вторую на 1 и т.д.

Собственно, на этом все, имея координаты трех точек, которые должны совпасть на двух картинках скрипт вычисляет необходимое преобразование для второй картинки (сдвиг, масштабирование и поворот) и отрисовывает итоговую картинку. Отрисовка возможна двумя способами - либо как обычно вторая картинка накладывается поверх первой с прозрачностью (активировать флажок Transparency), либо же хитрый вариант когда вторая картинка отрисовывается поверх первой небольшими квадратами в шахматном порядке (Mosaic), что получается в итоге привел ниже, изначально картинки разного размера, первая занимает только кусок изображения, а вторая всю площадь, но была с поворотом (собственно, по этому квадратики стоят под углом) и крупнее (т.к. размер картинок более-менее равный). белое поле по краям это небольшой запас. Размер квадратиков или прозрачность (в зависимости от режима рисования) регулируется ползунком

http://aknew.github....omporation.html - страничка со скриптами

https://github.com/aknew/imageCompare - исходники если кому интересно, буду благодарен за замечания т.к. javascript не является для меня основным языком и на вопрос знаю ли я его, я обычно отвечаю знаю что он есть. По code style (что-то на русском, что-то на английском, то подчеркивание, то camelCase в идентификаторах) можно не говорить, это я знаю, просто слепил программу буквально на коленке. Что там с кросбраузерностью не знаю, запускал в фф 26 на винде и маке и в последнем ие, все вроде пашет

Также интересно что еще может не хватать в плане функционала, понятно что нужно добавить (все это со временем прикручу):

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

2. сброс установленых маркеров - сейчас это можно провернуть только перегрузив картинку что не слишком удобно

3. тонкую доводку маркеров - если мы попали почти в цель но надо бло на пару пикселей вправо-вверх, хорошо бы именно так и сдвигать, а не пытаться снова попасть в нужную точку на всей картинке

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

[novo4199 0]

Интересно, сейчас попробуем ....

[AK 1 057]

так я и написал эту штуку так как было интересно возможно ли это в принципе если честно

[BaNG 428]

Поправьте в выборе картинке через кнопку "Обзор" (тот самый browse) - при привычном win-юзерам двойном щелчке получам простановку метки.

т.е. по первому щелчку выделям файл, а по второму не тол ько закрываем диалог, но и метку ляпаем.

[AK 1 057]

посмотрю что можно сделать

[Numus 356]

Попробовал - отличная штука. Большое спасибо.

[Numus 356]

Теперь такой вопрос: а результаты сравнения сохранить как-нибудь можно?

[AK 1 057]

конечно можно - как и любую картинку в интернете, правая кнопка и пункт "Сохранить изображение как" (это в огнелисе, в других браузерах может быть другая надпись быть, но пункт такой как правило есть)

[Деревня 11]

Скажите а эту программу можно как-то скачать?

[Kaneps 4 193]

Прикольно, только точки нужно ставить очень и очень аккуратно иначе погрешность высокая!

не понравилось что не сохраняет в .jpg пришлось сохранять через PrintScreen

вот моя проба

[AK 1 057]

Скажите а эту программу можно как-то скачать?

Просто сохраните страницу к себе на комп, она полностью автономна

Прикольно, только точки нужно ставить очень и очень аккуратно иначе погрешность высокая!

не понравилось что не сохраняет в .jpg пришлось сохранять через PrintScreen

вот моя проба

Обязательно поработаю над этим. Я на это даже внимание не обращал пока не попытался залить сюда результат и не увидел размер

Кстати, будет интерес если я сделаю версию для андройда в качестве приложения?

[Kaneps 4 193]

Вот попробовал на двух разных монетах. Первые 2 фото исходники и как поставлены точки - 3 фото результат. Погрешность списываю на проблемность проставить правильно точки, крупные они какие-то вроде.

[AK 1 057]

Точка там реально в один пиксель, это маркер ее отображающий крупный. По поводу погрешности - я в самом первом посте отметил что надо сделать тонкую доводку маркеров. Вообще если честно сейчас приложение нахходится в состоянии proof-of-concept (так в разработке называют стадию проекта когда речь идет даже не о тестовой версии, а о проверке технической возможности реализации) и я ее буду доводить.

Изменено 24 янв 2014, 22:29:05 пользователем AK

[Numus 356]

конечно можно - как и любую картинку в интернете, правая кнопка и пункт "Сохранить изображение как" (это в огнелисе, в других браузерах может быть другая надпись быть, но пункт такой как правило есть)

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

[AK 1 057]

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

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

[Numus 356]

. Потерпите немного, сегодня-завтра сделаю кнопку сохраниния в jpg.

Хорошо бы. Спасибо не только от меня - ИЕ пока ещё у многих. А Вам плюс за программку

[AK 1 057]

Сделал сохранение в jpeg (не пашет в недобраузере ИЕ, т,е, кнопка сохранения то там работает, но при попытке сохранить сохраняет в png или bmp на выбор), сброс маркеров и отрисовку картинки по центру ( до этого бралось по 10% на запас, но рисовалось все с верхнего левого угла). Правда до сервера оно пока не докатилось, но должно вскоре появиться

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

[extant4cell 615]

Классная программка! Можно любые картинки сличать. Даже загримированных бандитов на чистую воду поможет вывести!

Посмотрите базу данных над которой я работал (на базе руководства), ссылка в этой теме по ссылке: #151

[Савкин Дмитрий 720]

АК молодчина!

Ээх, сделать бы ещё отдельное приложение для сравнения. Отсканировал свою монету, а программа тебе выводит сообщение:

- У Вас шт. N такой то. Да еще бы по АИФ, по АиШ и по ТД.

[AK 1 057]

Все хотят такую программку, но ее очень сложно сделать. Интересно было бы попробовать, но обещать что получится не вомусь, равно как и ставить себе какие-нибудь сроки - я делаю эту прогу в свободное время и, естественно, это не единственная вещь, на которую я его трачу

[AK 1 057]

Поспешил, не пашет сохранение с сервера (просто не знал про такие приколы js), вечером поправлю

[extant4cell 615]

Если бы еще можно было бы кнопку "отбой" (reset) добавить, для отбоя выбранных точек.

Скажем выбрал точки не совсем правильно, нажал кнопку и не перезаливая изображения, выбрал точки по новой.

Изменено 27 янв 2014, 10:22:23 пользователем extant4cell

[AK 1 057]

Если бы еще можно было бы кнопку "отбой" (reset) добавить, для отбоя выбранных точек.

Скажем выбрал точки не совсем правильно, нажал кнопку и не перезаливая изображения, выбрал точки по новой.

Она там есть, Drop markers называется

[extant4cell 615]

Спасибо, у меня была более ранняя вервия открыта.

[extant4cell 615]

А можно сделать с большим количеством точек? 5 думаю будет то что надо...