Параллакс-эффект и освещение персонажа
04.01.2008 Владимир БабушкинВ качестве эксперимента попробовали с использованием последних наработок (параллакс-эффект и рельефное освещение) визуализировать персонажа.
Управление:
- Мышь — перемещение
- Клик — изменение цвета освещения
- Колёсико или +/- — изменить бликовость
04.01.2008 в 18:01
Круто!!! Когда вы успеваете? Небось вместо встречи Нового года под столом - торчали за компом :)
С такими наработками уже можно и полноценные брифинги с персами делать.
Заинтриговали, требуем продолжения банкета! Покажите же что там ниже шеи ;)
04.01.2008 в 19:10
класс!
04.01.2008 в 19:12
Владимир, это у меня иллюзия такая, или помимо изменения коодинат источника освещения действительно поворачивается трехмерная модель персонажа?
04.01.2008 в 19:58
2Ilya Sergeyev: Нет, честно напились :) Ниже шеи всё есть, но это, наверное, не для публикации на блоге ;)
2рост: Иллюзия поворота :) На самом деле никакой трёхмерной модели нет. Точнее она была, но во флэш выведена в виде трёх текстур — диффузии, нормалей и высот. С помощью различных комбинаций фильтров и методов наложений получаем такую вот иллюзию.
04.01.2008 в 20:22
Антон, означает ли это, что теперь объекты можно будет повернуть абсолютно на любой градус?
Насколько я понял ранее это невозможно было сделать ввиду большого веса файла из-за впихивания в него большого кол-ва фаз спрайта. Т.е. чем больше мы хотели сделать точность поворота тем больше нам приходилось делать фаз для 3D страйта, поэтому бралось некое среднее значение, чтоб не сильно тяжело по весу и не сильно уродски это смотрелось :)
04.01.2008 в 22:20
поражает :-) есть такое чуство что со стороны сервера прийдется многое пересмотреть для поддержки таких эффектов :-)
05.01.2008 в 12:39
Просто фантастика. Выглядит как настоящее 3D. Давно слежу за проектом, теперь буду следить еще усиленнее. Все пошел вас рекламировать)
05.01.2008 в 19:27
понравилось
06.01.2008 в 12:44
иллюзия или нет, но подбородок по вертикали смещается - это точно….
09.01.2008 в 14:59
С новым годом! Я в шоке! как такое возможно ума не приложу :) Очень хитроумно!
11.01.2008 в 00:11
Забавно.
пологаю достаточно двух картинок чтоб передать всю информацию об текстуре
одна с цветом диффузии (и прозрачность если надо) нормальная обычная картинка
а в одну впихнуть вместо например R и G нормали по X и Y а оставшийся канал B заюзать под карту высот
еще же остается один свободный канал Альфа в него бы запихнуть информацию об толщине (для прозрачных текстур)
и на основе этого канала какнить сделать преломление вот это будет ваще весчь!
интересно что увидит человеческий глаз на такой картинке
11.01.2008 в 07:21
Можно и так, но всё таки для быстрой обработки освещения имеет смысл иметь Z-нормали на синем канале. Либо высчитывать его на основе R и G, но быстро на Flash это не сделать — только попиксельно.
Касаемо альфа-канала, тут тоже есть нюанс. Flash с прозрачностью может загрузить только PNG, а это не очень экономно. Поэтому всё равно стоит грузить карту высот (или толщины) отдельным JPEG/GIF.
11.01.2008 в 16:08
Круто.
Интересно вы используете попиксельный пересчёт из rgb в hsl и обратно? или есть более эффективный способ?
12.01.2008 в 16:07
Pango, как я уже писал, попиксельный расчёт во Flash слишком тяжёл. Всё достигается засчёт использования методов наложения и стандартных растровых фильтров.
18.01.2008 в 00:01
Мой вопрос выше остается в силе
18.01.2008 в 00:39
SmivaL, прошу извинить — думал, что уже ответил.
Думаю, нет. Параллакс даёт только эффект трёхмерности. Естественно, чего нет в изначальной карте (допустим, ушей), ниоткуда и не появится.
Т.е. в любом случае остаётся расчитывать на многофазные спрайты. Можно, конечно, попробовать с помощью параллакса сделать более мягким переход между фазами, но, уверен, что чисто этого не сделать и переход всё равно будет виден (а, возможно, даже будет хуже).
18.01.2008 в 00:44
Хм. Даже хуже. Интересно.
Спасибо :)
19.01.2008 в 17:07
Антон, это офигенно!
(Пошел учить матчасть)
29.01.2008 в 15:19
Вы обманываете - это трехмерная модель!!! )
Поразительно. А возможно сделать компаненту, которая будет творить похожее с подгруженной фотографией? Или здесь все расчеты вручную проводились конкретно для этой модели?
29.01.2008 в 16:22
Помимо фотографии необходимо иметь карту нормалей для освещения и карту высот для псевдо-3D-сдвига.
30.01.2008 в 18:55
а это кто-то специально позировал, или девушка изначально плод чьего-то воображения ?
30.01.2008 в 19:02
Это богиня-покровительница успешных игровых проектов.
31.01.2008 в 01:02
Красивая, блин.
На Лэтицию Касту похожа :-)
31.01.2008 в 10:48
Это однатысячапятьсотмегаватная эксперементальная сверхпрочная сверхударная сверхмодель
06.02.2008 в 20:09
Класно вышло я так наврядли сделаю даже если сильно постараюсь, Реально замутили!!!!!!!!
07.02.2008 в 23:24
круто…у меня не получается делать что-то подобное
08.02.2008 в 21:39
ух ты, прикольно…молодцы так держать…красиво сделано :)
18.02.2008 в 17:48
Левый глаз не храмает?
23.02.2008 в 20:23
фига се! поначалу думал смотреть надо тока на маленькую картинку и как раскрылось аж афигел!
вот оно - расщирение сознания)
похоже на “Шрека”, всмысле на мультик ;)
01.03.2008 в 21:23
А че у девахи с губой верхней? Ботокс?
ЗЫ - а ваащет класс, всегда мечтал так научится делать. ;-(
06.03.2008 в 16:38
ого,впечатляет “богиня”,да озарит она последующие подвиги параллакс-эффектом))
07.03.2008 в 23:47
Очень впечатляющее творение. Интересно, с тех пор удалось создать продолжение, т.е. хотелось бы увидеть девушку в полный рост, можно в оджде ;-)
16.04.2008 в 20:33
Так классно!Хочу тоже научиться все это дело творить…
28.04.2008 в 01:37
ЗЫ!!!))) у мну такая есть на AS1 ))))
28.04.2008 в 03:32
Ole, ссылку в студию
14.09.2008 в 12:39
Потрясающе!
Присоединяюсь к требованию :) показать девушку полностью в одежде.
Лучшего гида по интернет каталогу не найти. Еще бы уменьшить в десять раз и встроить на страницу.
Интерактивная девушка получится. Добавить искусственный интеллект и пусть время от времени заговаривает с посетителями :)
15.09.2008 в 11:55
Здравствуйте! Эффект потрясающий!
Вы писали, что используются три карты - диффузии, нормалей и высот. Карта высот - для эффекта параллакса, карта нормалей - для эффекта изменения освещенности. А что такое карта диффузии и для чего она? В википедии не нашел что-то.
15.09.2008 в 12:22
Диффузная карта — это, собственно сама текстура изображения.
08.10.2008 в 14:15
Офигенный эффект.Не думал что во флеше можно такое сотворить о_0