avatar_se

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

Автор se, 01 Авг. 2014 в 23:55

« назад - далее »

0 Пользователи и 1 гость просматривают эту тему.

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 пока не пробовал. При обнаружении косяков прошу здесь о них отписаться.

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


mu29

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

devman

Цитата: mu29 от 02 Авг. 2014 в 02:02
сначало надо залечить что к чему.
и так лепить акумуляторные батареи из пальчиков придумал наверное ещё пётр 1, а вот популяризовал эту идею наверное маск, но мало кто понимает в чём фишка и правило постороения. 
элементы должны распологаться вертикально, это исключает спресовывание рабочих поверхностей.
и по сути больше нет правил :). поэтому городить горизонтально расположеные элементы уже в корне не правильно. а учитывая что есть промежутки между элементами, я бы предпочёл пакетики.
Интересная инфа на счет расположения ячеек. Есть какие-то доказательства вашей теории?

TrUsTeR

Как привязываются масштабы рамы на картинке к реальному размеру - не понятно.
Так что на данный момент не более чем игрушка.
1. crystalyte 3540 fwd + 4080 rwd, 22s lipo, 2wd mini-e - проект завершен
2. qs205, 16s20p samsung 26fm 22s2p 10ah hk multistar, max-e, alight2.0

se

Цитата: TrUsTeR от 02 Авг. 2014 в 02:11
Как привязываются масштабы рамы на картинке к реальному размеру - не понятно.
Включаете галку "шкала", появляется разлиновка с сантиметровым шагом.
Далее выбираете участок, размер которого вам известен (к примеру дисковый тормоз) и изменением масштаба фона  подгоняете. После шкала убирается и вперед.

TrUsTeR

Круто! :wow:
Но лично мне в автокаде быстрей и удобней такое нарисовать. Ну и размеры будут точней такой подгонки. :pardon:
1. crystalyte 3540 fwd + 4080 rwd, 22s lipo, 2wd mini-e - проект завершен
2. qs205, 16s20p samsung 26fm 22s2p 10ah hk multistar, max-e, alight2.0

master_255

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

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

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

master_255

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


se

#9
Цитата: master_255 от 02 Авг. 2014 в 18:40
Предложение, сделать доступной загрузки фонового изображения не только по ссылке но и с диска.
Грузить к себе на сервер при этом фотки не обязательно, просто в конвас из FileReader загрузить. Вот пример набросал http://jsfiddle.net/5XfC5/
Добавил.

Цитата: master_255 от 02 Авг. 2014 в 18:47
Еще у сохраненных расчетов, масштаб как то зависит от размеров окна браузера.
И открыв ваш расчет по ссылке, например на весь экран на мониторе с разрешением 1680x1050 получаеться такая картина
Спасибо. Исправил.

master_255

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

Пример:
клавиши вверх, вниз, влево, вправо смещают картинку в соответствующую сторону.
плюс, минус меняют масштаб
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 от 03 Авг. 2014 в 14:22
Еще предложение добавить горячие клавиши для подгона фона под размер ячеек.
Ок, добавил. Действительно удобнее :)

master_255

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

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



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

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

se

Цитата: master_255 от 03 Авг. 2014 в 22:31
Зацепила меня идея вашего конструктора
:)
Цитата: master_255 от 03 Авг. 2014 в 22:31
Вот, так сказать бета, может возьмете доработать
прикольно получилось, подумаю над вашим предложением.

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

ViTbike

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

master_255

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

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


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


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

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

Merakules

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

BlackArrow

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