немного подутомившись невозможностью рисовать в постах на форумах удобным способом, разбавил праздничную тоску написанием клиента для этой цели клиент писан на флэше-6, что и понятно, учитывая веб направленность в аттаче оно и хтмл-пример юзанья оного - строку с картинкой можно указывать и в строке вызова, после '?' - установка переменной 'is_communicate' разрешает клиенту сообщать хтмл-ю о изменениях в картинке - сообщения о изменениях происходят путем вызова жс функции 'drawer_out' с описанием картинки в виде текстовой строки в качестве параметра - отрисовать строку с картинкой в клиенте можно вызвав 'drawer_in' с этой строкой - в самом клиенте тоже есть кнопки для считывания/ввода строки с картинкой (см пример) ЗЫ при локальном запуске обмен флэш <-> жс может не работать. а вот при удаленном - работает http://basmp.narod.ru/tst
abdulla_ali ну иногда одних слов не хватает. хотелось бы несложную схемку/диаграмку/эскизик к посту прилепить. и не всегда охота ставить для этого фотошоп или корел, выкидывать рисунок кудато (представьте себе, что чтоб написать пост на форуме приходилось каждый раз запускать дримвавер и выкладывать страничку с постом в инет). охота чтоб все было на месте и прямо в посте. те кликнул на названии картинки в посте и посмотрел ее на экранчике рядом (можна и в пост вделывать как это на обычных веб страницах. нет проблем. возможно и так сделаю) вобщем тут лучше пример посмотреть
qqwe Нечто "векторная графика" Пытался нарисовать свою улыбающуюся рожу - неполучилось. ИМХО: Допиливать еще нужно...
Wizard109 как пользоваться: - для начала рисования фигуры (даже самой первой) - нажать на первую кнопку - рисовать добавляя ноды кнопками 2, 3, 4 (moveTo, lineTo, bezierTo). - кнопка 5 задает параметры контура - кнопка 6 задает параметры закраски - кнопка 7 мувинг-сайзинг(в будущем) рисунка - кнопка 8 ввести строку на отрисовку - кнопка 9 вывести текущий рисунок в виде строки - кнопка 10 - скрыть меню обратно так кто спорит? как минимум надо 1) увеличить рабочее поле и сделать скроллинг по нему 2) сделать зумминг 3) сделать возможным выбор на редактирование любой фигуры, а не только последней 4) сделать возможность двигать любую фигуру по отдельности, а не только все вместе 5) сделать сайзинг и всех и каждой по отдельности 6) сделать возможность удаления нодов 7) сделать возможность вставки нодов с любой позиции 8) приделать тултипы 9) сделать не такой ужасновыглядящий интерфейс (тут я пас. художник из меня 0вый) 10) отрисовку текста чуть не забыл, а это важно ..много еще чего. за 1.5 дня многого не успеть
на экзамловой страничке внизу дописал небольшую инструкцию. с картинками хотя допиливать есть чего и чего, но попробовать и даже использовать, имхо, уже можно
Поздравляю. Вы изобрели оэкаки http://ru.wikipedia.org/wiki/Оэкаки http://en.wikipedia.org/wiki/Oekaki
G13 ээ.. не знал.. где бы посмотреть в действии?.. ага, вот http://www.twiddla.com/1 не, мысль была немного другая. мысль была не создать новый онлайн рисовальный чат для художников, а добавить в уже существующие форум/блог движки некие минимальные возможности онлайн рисования (вот, скажем, вопрос по электронике. насколько проще будет, если можно будет зарисовать нужный кусок схемы? с этой целью можно сделать библиотеку шаблонов и средства для их вставки). причем добавить минимальной кровью. пока что это 2 участка - код для вывода контрола и 2 функции для взаимодействия с ним. все картинки в виде текста (<a href="javascript:drawer_in('строка описания картинки');">название картинки</a>). так что ничего (база данных, структура папок, код движка) кроме шаблона страницы модификации не требует. кроме того, сам контрол тянет всего 11кб
посмотрел shi-painter-pro http://hp.vector.co.jp/authors/VA016309/spainter/index_en.html сильная штука, но всетаки немного не то. а) хочет жабы б) картинки создает пиксельные, что кроме размеров самих картинок требует еще и специального хранилища для них в) не художнику растровые редакторы подходят мало. изза малой пригодности для редактирования уже нарисованного г) толстое д) он заточен для художников и переточить не выйдет а так, вполне ничего. серьезная разработка.
немного допилил. - теперь можно редактировать не только последнюю фигуру, но вообще любую введеную - двигать фигуры теперь можно пофигурно (текущую редактируемую), а не только все вместе - при создании новой фигуры первое мув-ту делается автоматически, так что нужда в нажатии вначале второй кнопки отпала - если не устанавливать переменную 'is_communicate', то меню вообще не отобразится, те контрол станет простым просмотрщиком для вывода списка фигур для просмотра и выбора надо нажать предпоследнюю уродливую кнопку. ее несложно вычислить, потому не вешаю тут ее фоту. пример опять тут, ну и аттач
припилил зумминг. визуально выглядит как слайдер слева. тк аттач полностью соответствует примеру на сайте, за исключением счетчика и рекламки добавляемых народом, то аттача нет, а только ссылка. да, чуть не забыл, если будете экспериментировать с зумом - заглушите allert в drawer_out, ато можно задолбаться его ескать (надо будет чтото придумать.. не охота убирать его вообще, демка всетаки..).
увеличил рабочее поле и сделал скроллинг по нему. X - слайдер снизу, Y - слайдер справа пример и образец, и вообще все - по ссылке выше
- сделал тонкий скроллинг (путем драганья мышкой за рабочее поле внутри фигур) - сделал сайзинг фигуры. та же кнопка, что и мувинг, но драгать не за поле, а за анкоры справа-снизу пример использования и сам контрол - таже ссылка выше (в смысле не аттач, а )
малехо перекур. надо отъехать. и не качайте старые аттачи. последняя версия на тестовой странице. ее и смотрите/берите. то до надо будет немного расширить тестовую страницу. добавить пару в-текстовых ридеров, один чтоб показывал статический рисунок, другой чтоб эхил то, что рисуется в данный момент. чтоб понятно было как оно делается
так, накурились, можно и покреативить + сделал автозум и автоцентровку загружаемой извне картинки. - в просмотрщиках больше не отображается никаких контролов (или оставить, зум бы не помешал, что скажете? наверно, сделаю какой нибудь рычаг для этого) + в демо-хтмл-паге добавил 2 просмотрщика. один зеркалит едитор, второй отображает статически в-хтмл-заданную картинку (старый добрый паровозик) как обычно, пример и все остальнутое тута
Onset ыыть? а подробности? в чем сложность юзанья? к какому функционалу вы привыкли в онлайн-на-форумных рисовалках? вы пишите, я ж не знаю
Да я даже не о функционале "онлайн-на-форумных рисовалок", а о простеньких средствах для создания изображений вообще. Как ты и сам пишешь в ToDo листе: круто было бы ноды удалять; всплывающие подсказки хочется к кнопкам, потому как проматывать каждый раз вниз на описание задалбывает(разве сложно сделать тултипы, учитывая, что кнопки ловят что-то вроде hover?). Да, батоны нужно более интуитивные, но тут лучше спросить профи в дизайне. Не понравилась сама area для рисования, нет привычно очерченного canvas'а. Но это субъективно. Самое главное и приятное, что ты это дорабатываешь, а хороших вещей в этой сфере немного. К прикрепленному файлу: после "пример просмотрщика в тексте" должна быть какая-то кнопка, видимо? В Хроме, Мозилле 3.5.6, осле 7ю0ю5 не отображается.
Onset его и ловят, тк кнопка на всех одна там. сделается постепенно по времени, это ж проект "за вечерним супом". по тултипам такой вопрос - на каком ланге они быть должны? рисовать не умею. экзамплы в епс или фла6 с минимальным количеством нодов приветствуются. впоследствии, если не надоест, сделаю поддержку подгружаемых скинов. или сам едитор в виде подгружаемого расширения. но это очень потом. а щас вопрос в уменьшении батонов, ато уже места на тулбаре не хватает в смысле весь едитор очертить рамочкой? так это лучше из хтмля, имхо. комуто надо такая, комуто другая. или отдельно кнопки, отдельно контролы? так тоже можно. но пространство для рисования и так маленькое, потому и тулбар сворачивается. потому и маркера нодов поверх контролов. но можно и изменить. хорошо бы взгляд дизайнера в пространстве 600х400 на это дело. в векторе, без битмапов и текстов, с минимумом нодов (минимальный размер - тоже одно из условий. метровые решения уже есть). не, там просмотрщик. те тот же едитор, но в просмотровом режиме. проверил в опере9, фохе3.0 - все работает (возможно надо обновить, возможно с контро-шифтом) проверил в иа7.0 (долго сопротивлялся обновлению страницы. оказалось в настройках обновление отключено "общие -- история просмотра -- параметры -- проверять нал обнов сохран стран -- автоматически". и ктото свистит еще, что от мс все настроено) - зеркало работает, те через переменные жабаскрипта все нормально передается, а вот кнопка "тест" и статический просмотрщик - нет. похоже, что у ии проблемы с длинными строками. возможно, потом попробую решить решить ее через жс, если не будет решения красивше
заради проверки теории недружбы иа с длинными строками, наклепал нечто жуткое, но покороче и присобачил это "покороче" к статическому просмотрщику. иашка заказал, те таки да, дело в длинных строках заодно и добавил забытый автозум на картинку через сенд параметеры смотреть тамже (только обновиться надо)