Намеренное искажение растровой картинки
 

Здравствуйте!

Есть у меня вопрос, не дающий мне никак покоя. Как во флэше искажать вставленное растровое изображение (JPG, PNG, GIF), например растянуть трапециевидно?
Возможно ли это сделать посредством Macromedia Flash MX 2004 v.7.0, Macromedia Flash 8, Adobe Flash CS3 Pro?

Заранее благодарю.

DisplacementMapFilter

трапецевидно - только "как бы". http://silin.fatal.ru там смотрим

Зачем во флеше редактировать вставленую картинку? Ну я понимаю, динамический эфект с фильтрами, но просто корежить то за чем.

aQuestion, что это? Можешь поподробнее рассказать, пожалуйста?

Мне нужно сделать псевдо3d-эффект: фотография лежит на столе (картинка соответственно искажена до трапеции, чтобы показать перспективу), и затем вылетает вперед во весь экран (увеличивается в размере и преобразуется обратно в квадрат). Т.е. квадратное растровое изображение я хочу в первом кадре деформировать в трапецию, а в последнем оставить в первозданном виде, чтобы получилось анимированное "превращение".

IDE не позволяет делать такие трансформации.

Посмотрите, пожалуйста, вот это: http://silin.fatal.ru/#2,9.
Возможно ли реализовать подобное в седьмой версии Флэша?

Можно без DisplacementMapFilter. Суть простая: делаешь много мувиклипов, ставишь один под другим, в каждый из них пихаешь изображение, каждый раз уменьшаешь _ height или _yscale на какое-то число относительно предыдущего мувика, и просто склеиваешь их все вместе так, что получилась перспектива. Для достижение большей реальности - большее число уменьшаюшихся мувиков.

А как же ось Х? Боковые стороны картинки должны сходиться в точку на горизонте.

Ваще то не только. Есть еще сокращение глубины. Если по хорошему. В принципе, через фильтры можно добиться нужного эфекта. Но трудозатраты себя не оправдывают.

В седьмой — нет. А чем вас смущает восьмая?

Там же есть подобное для мувиклиров, без битмапы, для семерки.

Kikasso, ты имеешь ввиду "Мувик на части"???

Он удалил. Забей, с битмапой лучше в разы. Если очень надо, напиши ему в личку.
По типу да, "мувик на части": игла в яйце, яйцо в утке, сверху все закрыто треугольными масками, поворачиваем, плющим и двигаем все части разом.

Раз на седьмой версии это нереализуемо, то придется подождать день-два и поставить восьмую или девятую.

1. для 7й версии тоже есть метода, точнее даже для 5й. делал некогда отец флеш-3Д, горячий прибалтийский парень. адрес не нашёл, потому аттачу локальную копию из своих архивов. разумеется, чтобы переделать silinовский класс искажения на этом, придётся попотеть.

2. DisplacementMapFilter єто такой фильтер, который представляет почти неограниченные возможности искажения битмапа (есть мелкие обломы с размером битмапа и с разрядностью смещений, практически не имеющие значения). Подробнее - в хэлпе.

та же схема(почти) для мувиков (без битмапДата) http://silin.fatal.ru/zabor/AS2/index.html (DistortQwad.as)
в новую версию не перетащил, потому как не актуально

Насколько я понимаю, упрощая задачу до обычного векторного прямоугольника, мы никоим образом программно, не можем ЭТОТ ЖЕ прямоугольник сделать трапецией.
Никакие битмапы и диспласменты с трансформами напрямую также трапецию не сделают.
ОСтается только делать многоходовки по типу треугольников.

Сделают.

Какое отношение эта строчка имеет к тому, как сделать ТРАПЕЦИЮ? Это лишь пример как к мувику добавлять фильтры (в данном случае дисплайсмент)

это имеет отношение к слову "напрямую" из твоего поста.

ты, наверно, хочешь чтобы я тебе сейчас быстренько карту смещений подогнал, но - извини - не то настроение :(

Нет, это не имеет отношения ни к "трапеции", ни "напрямую" сделать.
Напрямую трапецию никакие методы не сделают.
Ну нет такой трансформации во флеше (программной). :)

Все остальное - опосредовано (не напрямую) через многоходовки: и тут уже не важно каким инструментом делать: треугольными масками или дисплайсментом или еще как.

ну, раз нет, значит нет.

дисплайсментом не многоходовка

Можно пример, где обычный квадрат преобразуется в трапецию, без многоходовки?
На самом деле очень интересно.

Вы про DisplacementMapFilter прочитали? Пример в хелпе с искажениями смотрели?
Задача сводится к построению правильного градиента для фильтра. У меня есть пример такого градиента, но он дома. Искать заново я его сейчас не буду. Поэтому либо сами в гугле ищите по словосочетанию "DisplacementMapFilter 3D", либо вам кто-то другой даст свой пример, либо ждите 1,5 недели, пока я из отпуска не вернусь и не найду этот пример.

Не, ну векторный квадрат сделать трапецией вообще-то не проблема. Выбираешь инструмент scale и тянешь сначала один угол квадрата в сторону, зажав ctrl, а потом другой.

Или я не понял вопрос?

Вот моя жалкая попытка изобразить 3D-текстуру:rolleyes: (см.вложение)
но опять-таки - это под 8-ку

Очень даже неплохо получилось. Ограничить искажение и все будет ок. Респект.

Я понимаю, что DisplacementMapFilter искажает изображение так, что потом и руками похожее сделать проблематично :)
Но процесс мне кажется малоуправляемым. Именно из-за "построения правильного градиента".

С удовольствием взгляну, когда сам через пару недеь из отпуска вернусь :)
Только не забудьте.

Нуу знаете ли, лично мне истребитель Миг29 тоже кажется малоуправляемым, а профессиональные пилоты жах что вытворяют...

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

Это похоже как раз мой случай :) :
The way this filter works is explained in documentation very clear, but people still say they do not understand it.

Буду разбираться с примером iNils - упростил его уже дальше нельзя: 4 строчки кода, один градиент... а все равно still do not understand it :)

потому что всё, что вам следовало бы понять, лежит за пределами этих 4х строчек :(

А что тут понимать? В мануале этого нет. Далеко не сразу понятно, что же такое "смещение по цветам". Думаю кому-нибудь будет интересно:
Берется один из каналов RGBA и смотрится его насыщенность, которая может быть от 0 до 255. (удобно в шопе по каналам смотреть).
Если насыщенность от 0 до 127, то пиксел смещается на уменьшение, если от 128 до 255, то на увеличение.

Но вот пример от от iNils.
Там заранее нарисованный градиент: влево вниз - к черному (к 0), вправо вниз - к белому (к 255).

Вот пример со ссылки от aQuestion, там где Земля вращается.
Там опять-таки заранее нарисованный градиент (круговой).

И если градиент для шарообразной Земли еще можно нарисовать программно, то градиент от iNils программно нарисовать малореально (все же можно, но не за один ход).
Т.е. тут опять многоходовка, просто в примере от iNils (кстати огромное спасибо, очень помог разобраться) многоходовка не интерактивная (заранее в шопе был создан градиент под данную задачу).

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

Черным по белому:
Верно, но если вместо декомпилера воспользоваться мозгами и прочитать текст на соответствующей странице, то можно обнаружить там код, который этот градиент рисует.

Короче говоря, учитесь использовать мозг по назначению.

Я рад за вас, если вы сразу поняли без посторонней помощи, что "color" - это НАСЫЩЕННОСТЬ одного из канала RGBA и что componentX(x, y) - это и есть эта насыщенность в данной точке.

Нарисуйте кодом с мозгом или с декомпиллером, градиент iNils-а (а о трапеции вообще речь изначально была)

Не считаю это зазорным, а вы?

А я вот щас обоим по плюсу влеплю, если будете продолжать в таком тоне.

Хорошо, сколько платите? Или он его в фотошопе нарисовал, по вашему.

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

Ну, лимит две штуки, дальше баня.
Так что лучше не устраивать эксцессов.