рисунки на форуме

Тема в разделе "WASM.HEAP", создана пользователем qqwe, 8 янв 2010.

  1. qqwe

    qqwe New Member

    Публикаций:
    0
    Регистрация:
    2 янв 2009
    Сообщения:
    2.914
    немного подутомившись невозможностью рисовать в постах на форумах удобным способом, разбавил праздничную тоску написанием клиента для этой цели

    клиент писан на флэше-6, что и понятно, учитывая веб направленность

    в аттаче оно и хтмл-пример юзанья оного

    - строку с картинкой можно указывать и в строке вызова, после '?'
    - установка переменной 'is_communicate' разрешает клиенту сообщать хтмл-ю о изменениях в картинке
    - сообщения о изменениях происходят путем вызова жс функции 'drawer_out' с описанием картинки в виде текстовой строки в качестве параметра
    - отрисовать строку с картинкой в клиенте можно вызвав 'drawer_in' с этой строкой
    - в самом клиенте тоже есть кнопки для считывания/ввода строки с картинкой

    (см пример)

    ЗЫ при локальном запуске обмен флэш <-> жс может не работать. а вот при удаленном - работает
    http://basmp.narod.ru/tst
     
  2. abdulla_ali

    abdulla_ali New Member

    Публикаций:
    0
    Регистрация:
    20 ноя 2009
    Сообщения:
    5
    Ничего не понял
     
  3. qqwe

    qqwe New Member

    Публикаций:
    0
    Регистрация:
    2 янв 2009
    Сообщения:
    2.914
    abdulla_ali
    ну иногда одних слов не хватает. хотелось бы несложную схемку/диаграмку/эскизик к посту прилепить. и не всегда охота ставить для этого фотошоп или корел, выкидывать рисунок кудато (представьте себе, что чтоб написать пост на форуме приходилось каждый раз запускать дримвавер и выкладывать страничку с постом в инет).
    охота чтоб все было на месте и прямо в посте. те кликнул на названии картинки в посте и посмотрел ее на экранчике рядом (можна и в пост вделывать как это на обычных веб страницах. нет проблем. возможно и так сделаю)

    вобщем тут лучше пример посмотреть
     
  4. Wizard109

    Wizard109 New Member

    Публикаций:
    0
    Регистрация:
    6 ноя 2006
    Сообщения:
    346
    qqwe
    Нечто "векторная графика" :)

    Пытался нарисовать свою улыбающуюся рожу - неполучилось.
    ИМХО: Допиливать еще нужно...
     
  5. qqwe

    qqwe New Member

    Публикаций:
    0
    Регистрация:
    2 янв 2009
    Сообщения:
    2.914
    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 дня многого не успеть
     
  6. qqwe

    qqwe New Member

    Публикаций:
    0
    Регистрация:
    2 янв 2009
    Сообщения:
    2.914
    на экзамловой страничке внизу дописал небольшую инструкцию. с картинками

    хотя допиливать есть чего и чего, но попробовать и даже использовать, имхо, уже можно
     
  7. G13

    G13 New Member

    Публикаций:
    0
    Регистрация:
    24 мар 2006
    Сообщения:
    499
    Поздравляю. Вы изобрели оэкаки :)

    http://ru.wikipedia.org/wiki/Оэкаки
    http://en.wikipedia.org/wiki/Oekaki
     
  8. qqwe

    qqwe New Member

    Публикаций:
    0
    Регистрация:
    2 янв 2009
    Сообщения:
    2.914
    G13
    ээ.. не знал.. где бы посмотреть в действии?.. ага, вот
    http://www.twiddla.com/1

    не, мысль была немного другая. мысль была не создать новый онлайн рисовальный чат для художников, а добавить в уже существующие форум/блог движки некие минимальные возможности онлайн рисования (вот, скажем, вопрос по электронике. насколько проще будет, если можно будет зарисовать нужный кусок схемы? с этой целью можно сделать библиотеку шаблонов и средства для их вставки).
    причем добавить минимальной кровью. пока что это 2 участка - код для вывода контрола и 2 функции для взаимодействия с ним. все картинки в виде текста (<a href="javascript:drawer_in('строка описания картинки');">название картинки</a>). так что ничего (база данных, структура папок, код движка) кроме шаблона страницы модификации не требует.
    кроме того, сам контрол тянет всего 11кб
     
  9. qqwe

    qqwe New Member

    Публикаций:
    0
    Регистрация:
    2 янв 2009
    Сообщения:
    2.914
    посмотрел shi-painter-pro
    http://hp.vector.co.jp/authors/VA016309/spainter/index_en.html
    сильная штука, но всетаки немного не то.
    а) хочет жабы
    б) картинки создает пиксельные, что кроме размеров самих картинок требует еще и специального хранилища для них
    в) не художнику растровые редакторы подходят мало. изза малой пригодности для редактирования уже нарисованного
    г) толстое
    д) он заточен для художников и переточить не выйдет

    а так, вполне ничего. серьезная разработка.
     
  10. qqwe

    qqwe New Member

    Публикаций:
    0
    Регистрация:
    2 янв 2009
    Сообщения:
    2.914
    немного допилил.

    - теперь можно редактировать не только последнюю фигуру, но вообще любую введеную
    - двигать фигуры теперь можно пофигурно (текущую редактируемую), а не только все вместе
    - при создании новой фигуры первое мув-ту делается автоматически, так что нужда в нажатии вначале второй кнопки отпала
    - если не устанавливать переменную 'is_communicate', то меню вообще не отобразится, те контрол станет простым просмотрщиком

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

    пример опять тут, ну и аттач
     
  11. qqwe

    qqwe New Member

    Публикаций:
    0
    Регистрация:
    2 янв 2009
    Сообщения:
    2.914
    припилил зумминг. визуально выглядит как слайдер слева.
    тк аттач полностью соответствует примеру на сайте, за исключением счетчика и рекламки добавляемых народом, то аттача нет, а только ссылка.

    да, чуть не забыл, если будете экспериментировать с зумом - заглушите allert в drawer_out, ато можно задолбаться его ескать (надо будет чтото придумать.. не охота убирать его вообще, демка всетаки..).
     
  12. qqwe

    qqwe New Member

    Публикаций:
    0
    Регистрация:
    2 янв 2009
    Сообщения:
    2.914
    увеличил рабочее поле и сделал скроллинг по нему.
    X - слайдер снизу,
    Y - слайдер справа

    пример и образец, и вообще все - по ссылке выше
     
  13. qqwe

    qqwe New Member

    Публикаций:
    0
    Регистрация:
    2 янв 2009
    Сообщения:
    2.914
    - сделал тонкий скроллинг (путем драганья мышкой за рабочее поле внутри фигур)
    - сделал сайзинг фигуры. та же кнопка, что и мувинг, но драгать не за поле, а за анкоры справа-снизу

    пример использования и сам контрол - таже ссылка выше (в смысле не аттач, а )
     
  14. qqwe

    qqwe New Member

    Публикаций:
    0
    Регистрация:
    2 янв 2009
    Сообщения:
    2.914
    малехо перекур. надо отъехать.

    и не качайте старые аттачи. последняя версия на тестовой странице. ее и смотрите/берите.

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

    qqwe New Member

    Публикаций:
    0
    Регистрация:
    2 янв 2009
    Сообщения:
    2.914
    так, накурились, можно и покреативить

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

    как обычно, пример и все остальнутое тута
     
  16. Onset

    Onset New Member

    Публикаций:
    0
    Регистрация:
    19 янв 2010
    Сообщения:
    19
    Нарисовать получилось, и идея неплохая, но пока еще сложно юзать и мало привычного функционала.
     
  17. qqwe

    qqwe New Member

    Публикаций:
    0
    Регистрация:
    2 янв 2009
    Сообщения:
    2.914
    Onset
    ыыть? а подробности? в чем сложность юзанья? к какому функционалу вы привыкли в онлайн-на-форумных рисовалках? вы пишите, я ж не знаю
     
  18. Onset

    Onset New Member

    Публикаций:
    0
    Регистрация:
    19 янв 2010
    Сообщения:
    19
    Да я даже не о функционале "онлайн-на-форумных рисовалок", а о простеньких средствах для создания изображений вообще. Как ты и сам пишешь в ToDo листе: круто было бы ноды удалять; всплывающие подсказки хочется к кнопкам, потому как проматывать каждый раз вниз на описание задалбывает(разве сложно сделать тултипы, учитывая, что кнопки ловят что-то вроде hover?). Да, батоны нужно более интуитивные, но тут лучше спросить профи в дизайне. Не понравилась сама area для рисования, нет привычно очерченного canvas'а. Но это субъективно. :)
    Самое главное и приятное, что ты это дорабатываешь, а хороших вещей в этой сфере немного.

    К прикрепленному файлу: после "пример просмотрщика в тексте" должна быть какая-то кнопка, видимо? В Хроме, Мозилле 3.5.6, осле 7ю0ю5 не отображается.
     
  19. qqwe

    qqwe New Member

    Публикаций:
    0
    Регистрация:
    2 янв 2009
    Сообщения:
    2.914
    Onset
    его и ловят, тк кнопка на всех одна там. сделается постепенно по времени, это ж проект "за вечерним супом". по тултипам такой вопрос - на каком ланге они быть должны?
    рисовать не умею. экзамплы в епс или фла6 с минимальным количеством нодов приветствуются. впоследствии, если не надоест, сделаю поддержку подгружаемых скинов. или сам едитор в виде подгружаемого расширения. но это очень потом. а щас вопрос в уменьшении батонов, ато уже места на тулбаре не хватает
    в смысле весь едитор очертить рамочкой? так это лучше из хтмля, имхо. комуто надо такая, комуто другая.
    или отдельно кнопки, отдельно контролы? так тоже можно. но пространство для рисования и так маленькое, потому и тулбар сворачивается. потому и маркера нодов поверх контролов. но можно и изменить. хорошо бы взгляд дизайнера в пространстве 600х400 на это дело. в векторе, без битмапов и текстов, с минимумом нодов (минимальный размер - тоже одно из условий. метровые решения уже есть).
    не, там просмотрщик. те тот же едитор, но в просмотровом режиме.

    проверил в опере9, фохе3.0 - все работает (возможно надо обновить, возможно с контро-шифтом)
    проверил в иа7.0 (долго сопротивлялся обновлению страницы. оказалось в настройках обновление отключено "общие -- история просмотра -- параметры -- проверять нал обнов сохран стран -- автоматически". и ктото свистит еще, что от мс все настроено) - зеркало работает, те через переменные жабаскрипта все нормально передается, а вот кнопка "тест" и статический просмотрщик - нет. похоже, что у ии проблемы с длинными строками. возможно, потом попробую решить решить ее через жс, если не будет решения красивше
     
  20. qqwe

    qqwe New Member

    Публикаций:
    0
    Регистрация:
    2 янв 2009
    Сообщения:
    2.914
    заради проверки теории недружбы иа с длинными строками, наклепал нечто жуткое, но покороче и присобачил это "покороче" к статическому просмотрщику. иашка заказал, те таки да, дело в длинных строках

    заодно и добавил забытый автозум на картинку через сенд параметеры

    смотреть тамже (только обновиться надо)