Онлайн-конструктор батареи из элементов 18650, 26650 и т.п.

[se]

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



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

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

Смещение фона также осуществляется с помощью клавиш стрелок на 10px, с нажатым Alt на 1px, c Shift на 50px.
Масштаб фона с помощью клавиш +/- на 1%, с Alt на 0.1%, с Shift на 10%.
Поворот фона  - клавиши PgUp/PgDn на 1°, c Alt на 0.1°, с Shift  на 10°.

Клик мыши с зажатой клавишей Alt устанавливает метку начала отрезка, второй клик с Alt - конец отрезка. В окне показывается текущее расстояние в мм, при установке другого значения меняется масштаб фонового изображения.

Тестировал на последних хроме, фф и опере. На первый взгляд работает. IE пока не пробовал. При обнаружении косяков прошу здесь о них отписаться.

Также принимаются любые пожелания и отзывы вплоть до типа "Муйня"

[devman]

Забавный сервис.

[mu29]

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

[devman]

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

Интересная инфа на счет расположения ячеек. Есть какие-то доказательства вашей теории?

[TrUsTeR]

Как привязываются масштабы рамы на картинке к реальному размеру - не понятно.
Так что на данный момент не более чем игрушка.

[se]

Как привязываются масштабы рамы на картинке к реальному размеру - не понятно.

Включаете галку "шкала", появляется разлиновка с сантиметровым шагом.
Далее выбираете участок, размер которого вам известен (к примеру дисковый тормоз) и изменением масштаба фона  подгоняете. После шкала убирается и вперед.

[TrUsTeR]

Круто!
Но лично мне в автокаде быстрей и удобней такое нарисовать. Ну и размеры будут точней такой подгонки.

[master_255]

Предложение, сделать доступной загрузки фонового изображения не только по ссылке но и с диска.

Грузить к себе на сервер при этом фотки не обязательно, просто в конвас из FileReader загрузить. Вот пример набросал http://jsfiddle.net/5XfC5/

При этом сохранить и поделиться правда потеряет смысл, но не всем же это нужно.

[master_255]

Еще у сохраненных расчетов, масштаб как то зависит от размеров окна браузера.
И открыв ваш расчет по ссылке, например на весь экран на мониторе с разрешением 1680x1050 получаеться такая картина

[se]

Предложение, сделать доступной загрузки фонового изображения не только по ссылке но и с диска.
Грузить к себе на сервер при этом фотки не обязательно, просто в конвас из FileReader загрузить. Вот пример набросал http://jsfiddle.net/5XfC5/

Добавил.

Еще у сохраненных расчетов, масштаб как то зависит от размеров окна браузера.
И открыв ваш расчет по ссылке, например на весь экран на мониторе с разрешением 1680x1050 получаеться такая картина

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

[master_255]

Еще предложение добавить горячие клавиши для подгона фона под размер ячеек.

Пример:
клавиши вверх, вниз, влево, вправо смещают картинку в соответствующую сторону.
плюс, минус меняют масштаб
pageup, pagedown вращение.

Гораздо быстрее чем переводить взгляд постоянно с фона на элементы управления и тыкать мышкой, или вбивать цифры с клавиатуры.

Код Выделить Развернуть


$(document).on("keydown", function(e){
if(e.keyCode==37){ //left
changeoffset(-10,0);
return false;
}
if(e.keyCode==39){ //right
changeoffset(10,0);
return false;
}
if(e.keyCode==38){ //up
changeoffset(0,-10);
return false;
}
if(e.keyCode==40){ //down
changeoffset(0,10);
return false;
}
if(e.keyCode==107){ //plus
changescale(1);
return false;
}
if(e.keyCode==109){ //minus
changescale(-1);
return false;
}
if(e.keyCode == 33){ //pageup
changerotate(1);
return false;
}
if(e.keyCode == 34){ //pagedown
changerotate(-1);
return false;
}
});


[se]

Еще предложение добавить горячие клавиши для подгона фона под размер ячеек.

Ок, добавил. Действительно удобнее

[master_255]

Зацепила меня идея вашего конструктора, но неудобность подгона фона под сетку с ячейками не давала покоя.

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



Из явных минусов - сетка из линий ужасно плохо масштабируеться, вплоть до пропадания некоторых линий.

Вот, так сказать бета, может возьмете доработать http://master.ulspu.ru/tmp/freetransform/

[se]

Зацепила меня идея вашего конструктора

Вот, так сказать бета, может возьмете доработать

прикольно получилось, подумаю над вашим предложением.

Между тем добавил экспорт в pdf (печать) для формата А3 в реальном размере.

[ViTbike]

x-zibit одобряет ваш конструктор, в нём можно встроить велосипед в батарейку 

[master_255]

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

На поле есть виртуальная линейка, накладываем её на элемент известной длины.


Жмем готово в подсказке сверху и вводим длину.


Ячейки сами масштабируются по пропорции.

Тест http://master.ulspu.ru/tmp/freetransform/index2.htm

[Merakules]

Может тему или ссылку на нее в программы закинуть?

[BlackArrow]

пожелание - можно ли сделать, чтобы в отдельном поле показывало сколько я выделил ячеек? А то считать вручную как то неудобно.