Сделал вот такую забавную вещь (16 серий)
Наверное сегодня еще разразюсь умной записью в блог, а пока опишу вкратце, насчет чего это все:
Идея, что веб-комикс можно не рисовать в фотошопе, а верстать, как верстаются обычный веб-страницы, вынашивалась в голове уже давно. Дело в том, что в любом комиксе есть место копипасте - большинство элементов (фоны, предметы, персонажи, мимические черты) будучи нарисованными однажды используются в комиксе многократно как в рамках одного выпуска, так и всей серии. Гипертекстовый подход предлагает хранить каждое изображение в отдельном файле на сервере, а каждый выпуск комикса делать не статичной картинкой, а HTML-документом, в котором описано, какую картинку куда нужно поместить.
В HTWC вы не сможете сделать привычный правый клик на комиксе и сохранить картинку у себя на диске просто потому, что каждый выпуск не является сам по себе картинкой. А если вы откроете исходный код, то увидите, что каждый выпуск реализован не привычным тегом <img src="адрес-картинки-выпуска">, а гораздо более серьезным нагромождением кода.
Full Version: Гипертекстовый веб-комикс
QUOTE
<img src="htcomics/pers/chief.gif" height="64" alt="Шеф" style="bottom:30px; left:90px;">
Ай-яй-яй. Сделал бы уже как в Acid 2
Duke, не совсем тебя понял. Разверни тему 
задумка отличная
дайош комиксы веб 2.0-стайл!111:D
З.Ы. Возник вопрос с моей ламерской точки зрения - можно ли делать скрытые (неотмеченные) ссылки в какой-то области рисунка? (пасхалки можно делать. во флеш есть, а в комиксах нельзя?))
и два - многие любят хранить архив комиксов дома. делать скриншот экрана и вырезать комикс никто не захочет, я думаю. как это решить?) прописать комиксо-скриншото-делалку?)
дайош комиксы веб 2.0-стайл!111:D
З.Ы. Возник вопрос с моей ламерской точки зрения - можно ли делать скрытые (неотмеченные) ссылки в какой-то области рисунка? (пасхалки можно делать. во флеш есть, а в комиксах нельзя?))
и два - многие любят хранить архив комиксов дома. делать скриншот экрана и вырезать комикс никто не захочет, я думаю. как это решить?) прописать комиксо-скриншото-делалку?)
Это очень очень очень (я остановлюсь на трёх очень, хотя мог бы продолжать) круто
2Amnesiac
> можно ли делать скрытые (неотмеченные) ссылки в какой-то области рисунка?
При помощи HTML - можно и сравнительно просто. Даже можно сделать так, чтобы при наведении на невидимую зону в ней появлялось что-то. Действительно, большой простор для всякого рода пасхалок.
> многие любят хранить архив комиксов дома. делать скриншот экрана и вырезать комикс никто не захочет
Вот это не знаю как решить
Видимо, сохранять веб-страницы.
> можно ли делать скрытые (неотмеченные) ссылки в какой-то области рисунка?
При помощи HTML - можно и сравнительно просто. Даже можно сделать так, чтобы при наведении на невидимую зону в ней появлялось что-то. Действительно, большой простор для всякого рода пасхалок.
> многие любят хранить архив комиксов дома. делать скриншот экрана и вырезать комикс никто не захочет
Вот это не знаю как решить
Видимо, сохранять веб-страницы.
Кстати, чуть-чуть не в тему, но... В одном из переводов Дилберта (не в том, который в топе, а в этом) перевод ведется в стиле "без <img />". Но, правда, выглядит лажово т.к. 1) шрифт убогий; 2) подложка белая.
№4: Нет слова "координальная", есть только "кардинальная"!
Если Каа делает что-то, он делает это либо средненько, либо гениально. Я сражён.
Ну, я выше предположил, что может можно прописать фигнюльку, которая будет снимать скриншот комикса при нажатии на кнопку и предлагать сохранить у себя на копьютере?
или это слишком сложно/невыгодно/глупо?
или это слишком сложно/невыгодно/глупо?
Скорее сложно-невыгодно. Это надо плагин писать (или активИкс для ИЕ) и заставлять юзверей его ставить. или java-апплет...
да, я просто вспомнил примеры на флеш, но там и картинки и комикс на флеш...
жал) единственный тогда вариант, самому перед выкладыванием делать скриншот версию и класть ее отдельно, что долго и неудобно
жал) единственный тогда вариант, самому перед выкладыванием делать скриншот версию и класть ее отдельно, что долго и неудобно
Обещанный умный пост в блоге. Пока только рассуждения - без ссылок и иллюстраций 
UPD: Хабратопик с картинками и описанием технологии.
UPD: Хабратопик с картинками и описанием технологии.
всё интересно, но слегка неправильно истолковано значение слова "гипертекстовый". я когда смотрел проект, ожидал совсем другого. гипертекст не относится к web, у Гарри Гаррисона было неплохое гипертекстовое произведение по его "стальной крысе", вышедшее на бумаге.
причём настоящая гипертекстовость здесь очень даже была бы к месту — комикс с нелинейным сюжетом. с разными концовками. вот это я бы действительно ждал )
причём настоящая гипертекстовость здесь очень даже была бы к месту — комикс с нелинейным сюжетом. с разными концовками. вот это я бы действительно ждал )
Если быть точным, технология, представленная GraveDigger'ом позволяет делать гипертекстовые комиксы.
Дык да, позволяет ) но вот это как-то было хитро завуалировано. Даже комиксо-пример сделан линейным и на это автор особо обратил внимание )
Идея, конечно, очень интересная. 
Но...
Как быть с высокохудожественными комиксами? Вряд ли бы, те же Комикс сестры согласились бы на такое занятие, как html-верстка для того, чтобы разместить сотни(!) предметов в кадре согласно законам композиции и всего остального. Так что, комиксы с хорошо проработанной графикой скорее всего отпадают?
С моей точки зрения, такой механизм в первую очередь подойдет для пиксельных комиксов, вроде АМД. Ведь там картинка и так состоит из множества слоев, что не составит труда создать каждый слой отдельным изображением. Но, опять же. Хватит ли сил и усидчивости у того же Шона Говарда, чтобы сидеть и верстать html-коды, подстраиваясь под различные браузеры? Оптимально было бы так: Один художник, рисующий пиксель-арт и один веб-мастер, занимающийся технической частью вопроса. Но лучше всего, конечно, когда оба этих качества сочетаются в одном человеке.
Но...Как быть с высокохудожественными комиксами? Вряд ли бы, те же Комикс сестры согласились бы на такое занятие, как html-верстка для того, чтобы разместить сотни(!) предметов в кадре согласно законам композиции и всего остального. Так что, комиксы с хорошо проработанной графикой скорее всего отпадают?
С моей точки зрения, такой механизм в первую очередь подойдет для пиксельных комиксов, вроде АМД. Ведь там картинка и так состоит из множества слоев, что не составит труда создать каждый слой отдельным изображением. Но, опять же. Хватит ли сил и усидчивости у того же Шона Говарда, чтобы сидеть и верстать html-коды, подстраиваясь под различные браузеры? Оптимально было бы так: Один художник, рисующий пиксель-арт и один веб-мастер, занимающийся технической частью вопроса. Но лучше всего, конечно, когда оба этих качества сочетаются в одном человеке.
<оскорбление удалено>
Идея потрясающая как по мне. Да, не каждый сможет, это понятно. Такой комикс скорей диковинка для "поразить читателя" или как показатель мастерства автора. Зато как прикольно будет восклицать "у тебя баг в комиксе!" ^^ В смысле, зато концепт дает кучу возможностей для воплощения.
Собственно, с таким успехом можно делать комиксы на основе java, флеш, на чем угодно, черт побери, хоть в PowerPoint-е)) Блин, проговорился
Идея потрясающая как по мне. Да, не каждый сможет, это понятно. Такой комикс скорей диковинка для "поразить читателя" или как показатель мастерства автора. Зато как прикольно будет восклицать "у тебя баг в комиксе!" ^^ В смысле, зато концепт дает кучу возможностей для воплощения.
Собственно, с таким успехом можно делать комиксы на основе java, флеш, на чем угодно, черт побери, хоть в PowerPoint-е)) Блин, проговорился
Тут да, на мой взгляд, основная проблема - необходимость владения сложными навыками. Впрочем об этом и Каа пишет. Но и окупаться этот гемор может с лихвой.
QUOTE(Kaita @ Aug 28 2009, 13:56)
...с таким успехом ... комиксы на основе ... флеш...
нет. нет. нееее-е-е-е-ет. только не это. нееее-е-е-е-е-ет
Я с большим интересом прочитал Вашу статью, она даже вдохновила меня на вот такой коротенький комикс о спамере и поисковом роботе:
А некоторое время повозившись с HTML'ем я даже сумел вписать в "пузыри" несколько фраз. Посмотреть можно здесь. Правда, это довольно хлопотно и я стану заниматься этим разве только если очень потребуется проиндексировать ссылку на какой-нибудь сайт или блог. Потому что текстовую информацию можно "скармливать" роботам при помощи тэга alt.
А некоторое время повозившись с HTML'ем я даже сумел вписать в "пузыри" несколько фраз. Посмотреть можно здесь. Правда, это довольно хлопотно и я стану заниматься этим разве только если очень потребуется проиндексировать ссылку на какой-нибудь сайт или блог. Потому что текстовую информацию можно "скармливать" роботам при помощи тэга alt.
Look4job, ага, картинка прям в тему.
Использовать для позиционирования текстов свойство padding неплохая идея, но советую еще поэкпериметировать со свойствами position, left, right, top, bottom. Position определяет способ позиционирования, остальное - размеры отступов.
Использовать для позиционирования текстов свойство padding неплохая идея, но советую еще поэкпериметировать со свойствами position, left, right, top, bottom. Position определяет способ позиционирования, остальное - размеры отступов.
А мне кажется, что комикс - это нечто большее, чем копипаста. Ведь все прекрасно знают, что губит человека - упрощенность. Может я законченный любитель графических новел, но для меня рисовка порой важнее остального. В рисование вкладывается душа. А тут нарисовал, и сидишь в блокноте, "творишь". Автор конечно молодец, новое всегда интересно. Я еще не так сильно разбираюсь в веб комиксах, но думаю так: все, где используется копипаста, нужно выделить в отдельную категорию. Хотя автор, в принципе, так и сделал. Лишь бы не скатиться в диалоги аля Баш.
QUOTE(oni @ Feb 24 2010, 20:28)
Лишь бы не скатиться в диалоги аля Баш.
Для этого даже давно существуют "комикс-генераторы". Выбираешь бэкграунды из стандартного набора, выбираешь персонажей, применяешь всякие эффекты, добавляешь текст в баллоны и считаешь себя комиксистом
Пример на джаваскрипте (истинный HTWC) Пример на флеше
Комикс очень понравился, спасибо ;-)
Спасибо за реализацию идеи, которая не раз посещала многих из нас =)
кстати говоря, я проверил комикс в ИЕ6. Единственный баг был у паука, т.к. это png с прозрачным фоном, который ИЕ не смог отобразить, в результате фон был серым, а в остальном полная кроссбраузерность достигнута на ура.
еще раз спасибо
кстати говоря, я проверил комикс в ИЕ6. Единственный баг был у паука, т.к. это png с прозрачным фоном, который ИЕ не смог отобразить, в результате фон был серым, а в остальном полная кроссбраузерность достигнута на ура.
еще раз спасибо
Хех))) А ваще круто сделано так))) Так ведь и не сложно сделать что бы типа комикс страницы можно было "проходить" 
Но мне этим занимац не охота... меня мой стиль устраивает))) Хотя предложенный тут способ комиксоделания реально крут
Но мне этим занимац не охота... меня мой стиль устраивает))) Хотя предложенный тут способ комиксоделания реально крут
Прикольно)
Но по-моему, весь интерес пропадает...
Look4job - классно получилось)
Но по-моему, весь интерес пропадает...
Look4job - классно получилось)
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.