Катакомбер. Веб-приложение для создания подземелий

Представляю версию 0.1 небольшого приложения для создания простых карт подземелий в режиме онлайн, под название Катакомбер.


Катакомбер это небольшое веб-приложение для создания простых карт подземелий, лабиринтов и других пыльных и опасных мест. В основе платформы «Катакомбера» — js плагин Gridster работающий на библиотеке jQuery. Если коротко, суть приложения состоит в том, что вы можете, совершенно не напрягаясь и не умея рисовать, буквально за считанные минуты создавать уникальные карты для своих приключений, просто перетаскивая мышью отдельные элементы коридоров, комнат и переходов между ними.

Эта версия — пробная. Функциональность на минимуме, количество элементов оформления (тайлов) и их качество отрисовки также соответствуют гордому званию «дэмо». В дальнейшем будут и элементы интерьера и дополнительные слои для этих элементов, и сохранение и экспорт. Если, конечно, проект окажется востребованным.

Обращаю внимание: заполнение поля осуществляется по рядам, слева направо, сверху вниз. Если возникла необходимость поместить блок в третий ряд сверху, он автоматически будет «магнитится» к верхней части поля. Чтобы спустить блок вниз, нужно «придавить» его любым другим блоком или пустым полем.


Желательны конструктивные отзывы и полезные идеи. Данная версия была фактически создана в перерывах вместо перекуров за два дня, ну и соответственно не отличается идеальностью и задумки и воплощения.

16 комментариев

avatar
Симпатично. Экспорт и больше тайлов (особенно для комнат разных форм и размеров) — и буду с удовольствием юзать на практике.
avatar
10 из 10 ГОСПОДИ! 10 из 10

(но к пожеланиям Дмитрия я присоединюсь)
avatar
А еще можно добавить ось Z и переключаться между уровнями. Это дополнительно лесенки, ямы, наклонные коридоры.
avatar
Переключение между уровнями так-то есть, но пока оно на уровне «красный квадрат передвинуть к желтому треугольнику» и я не стал его подключать. Но думаю тоже доделаем.
avatar
avatar
Оппаньки, спасибо за ссылку. Оччень интересная штука! :)
avatar
Можно я покритикую? :)

<a href="javascript:Add26()"><img src="mkom1but.png" width="90px"></a>

Совершенно непонятно, зачем используется, (при подключенном jQuery), такая конструкция :)

Область реакции боковой панели слишком широкая. Шире, чем должно быть на ширину панели.

Совершенно непонятно, зачем дрожит первое изображение на каждой панели. Может быть имелось в виду
.legend > a > img:hover?

Ну и в заключение: обфусцировать код escape()'ом — это дурной тон. Во-первых ненадежно (я все равно прочитал и ничего секретного не нашел), во-вторых… во вторых это пошло.

А так потенциал есть.
avatar
Ну и в заключение: обцифоровывать чара без оптимизации — это дурной тон. Во-первых ненадежно (я все равно его убил и ничего интересного не нашел), во-вторых… во вторых это пошло.
Простите за оффтоп: с
avatar
Ну и зачем ты это сказал? Сейчас же насуммонишь!
avatar
Да ладно, не на выставку достижений народного хозяйства код положил. Дальше все равно будет оупенсоурс, не продавать же его в самом деле, а сейчас все так исключительно от того, что торчит много левых хвостов.
avatar
А ты хорош, Мелфис.

Правда приходится данж строить с верхнего ряда — это баг или фича? Не то, что бы это было крайне неудобно, но для некоторых дизайнов предстоит наставить предварительно пустых полей.
avatar
Это особенность реализации.
avatar
Поддерживаю. Если бы можно было расставлять тайлы на любое место — было бы идеально. А так просто очень хорошо :)
avatar
Их итак можно расставлять в любое место, просто за точку отсчета положения элементов принимается верхний левый угол. Ну, на самом деле вряд ли кто-то рисует картинку сразу из трех мест — сверху, внизу и чуть левее, скорее всего это простой последовательный метод — слева направо, сверху вниз.
avatar
Кстати, катакомбер то катокомбер, а шито делать с нарисованной катакомбой? Принтскрином что ли сохранять?
avatar
К сожалению, пока да. Но это как бы в первую очередь запланировано, покопаю на днях.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.