Растровые маски с размытыми краями: открытие Ива Дембицки

Задача создания масок с размытыми краями давно волновала флэшеров. Как сделать так, чтобы картинка обрезалась по краю не грубо, а плавно сходила на нет? Эта проблема обуждалась в конференции ruFlash. Ив Дембицки предложил использовать свойства альфа-канала png-изображений. Вначале он предложил простое решение для следующего примера:

Решение процитируем со слов самого Ива: "делаешь PNG с переходом по альфе от 100% в центре до примерно 10% по краям (или вообще как тебе захочется) потом просто задаешь ему альфу от 0 до 200%, в результате получаешь тот эффект, что у меня в примере. PNG сохраняет RGB во всех пикселах, вне зависимости от альфы. Поэтому, увеличивая альфу мувика на значения больше 100%, мы можем поднять альфу картинки по краям до нужного значения." Если после этого объяснения у вас еще остались вопросы, вы можете скачать исходный файл.

На этом Ив не остановился. Это был бы не Ив, если бы он остановился на этом. Он задался вопросом: а как сделать так, чтобы область полупрозрачности можно было перемещать? В предыдущем примере она была статической — как заставить ее двигаться? Он решил: если мы можем менять прозрачность одной png-картинки, то можем сделать это и с четырьмя. Размещаем четыре копии одной картинки точно друг над другом. Картинки одинаковые, у всех альфа-канал построен по принципу линейного градиента — с прозрачностью ~0% в начале и ~100% — в конце. У первой картинки этот градиент прозрачности идет свеху вниз, у второй — снизу вверх, у третьей — слева направо, а у четвертой — справа налево. Значит, если синхронно менять прозрачность всех четырех картинок, можно добиться эффекта перемещения прозрачной области.

Эта хорошая мысль была успешно воплощена Ивом в приведенном примере.

Исходники: пример 1, пример 2.

Писал Rost, 23 Июнь 2003 21:49

Найдены баги:

Esli Vi reshili takim obrazom vosstanovit poteriannoe - eto?=koroche#bad.
Sdelaite Arhiv (i mean archive) - starii(reanimirovannii) posti put in this
archive.
- inache (IMHO) - ne blog a kakae-ta hueta - novost pro genialnoe otkritie Ivana Dembxxx
ot 9ulya- vse chitali etu novost huii znaet kogda.

You Flash blog is the best russian flashabout
but...
Not
,please,
Ne Melchite - ne peshite pro PHP+Flash otkritia svoih blin patsanov s Harkiva ili kakoi drugoi Ukraine -
Eto i pro php photo album

Sorry, my heart is open

sincerely
realSugar

realSugar - 9 Июль 2003 22:49

realSugar, мы внимательно изучили ваш комментарий. Потом мы пошли сделать чаю, чтобы не делать скоропалительных ответов.
...
[раздается звук помешивания чая, мужской голос, женский, снова мужской]
...
Теперь отвечаем.

Да, мы решили восстановить потерянное любым образом, так как наличие информации для нас важнее ее точного местоположения (так человек хотя бы сможет ее найти).

Не ругайтесь здесь, пожалуйста.

Не все флэш-открытия сделаны пацанами из Харькова, и даже не из Сан-Франциско -- они сделаны людьми, у кого четко расставлены приоритеты, и на первом месте -- делать дело. Им просто некогда думать о том, где они родились или живут, слишком мало на это времени.

Об Иване Дембицком (и не только о нем) мы еще напишем поподробнее, чтобы стало более очевидно, кто он, что он и где он. Сейчас на это нет времени, много придется писать.

Мы с удовольствием напишем о ваших открытиях. Просто напишите на rost - sabakka - flash-ripper.com.

----
Резюмируя: жаль, что вы испытываете неудобства от восстановления новостей. Но это -- издержки производства, следсвие форс-мажора и галимой кармы одного бывшего хостинг-провайдера. Мы считаем, что польза от восстановления новостей намного больше, чем мелкие неудобства от их нового местоположения.

:)_

Рост - 10 Июль 2003 11:26

Предыдущий пост:

Движок программной анимации движения для Flash MX SmartMotion! v 1.2

Следующий пост:

"Интерактивная штучка" ™ от дяди Лисы

Это запись из категории 'Development'. 10 еще cвежих:

Архивы по категориям:

3D-18, Adobe AIR-38, Animation-1, Apache Ant-1, Architecture-1, ARP-1, Art-26, Articles-26, AS3-57, Books-9, Business-3, Cairngorm-3, CI-1, Classes-10, Coding-31, Community-118, Components-19, Contests-30, conventions-1, Cool-Job-10, Debug-21, Design-28, Development-84, ecology-4, EMO-2, Events-17, Extensions-2, FAQ-9, FDS-1, Flash and html-8, Flash Player-38, Flash Updates-12, flash-on-devices-1, Flash-scene-1, flash10-4, FlashLite-2, Flex-49, Flex 2-80, flex4-3, flexcamp-2, Flickr-1, FMS-2, FPUG-61, frameworks-1, Games-20, Good Job!-44, HaXe-16, Health-2, Humor-11, Ideas-14, IV-1, JavaScript-2, Job-30, JSFL-8, Links-2, Linux-3, Maps-1, Math-8, Money-16, music-1, MXML-1, Open Source-16, Optimization-4, parenting-3, Patterns-2, Personalities-27, Philosophy-4, Politics-1, posters-1, Preloading-3, Productivity-10, PureMVC-11, Pv3d-1, Rafpug-5, Red5-3, Remoting-11, Resources-21, Ruby-6, SAAS-1, Security-11, SEO-9, Silverlight-7, Sound-3, sport-4, Strategy-122, Tamarin-2, Tools-113, Training-3, Trash-8, URAFPUG-14, Urgent-1, Usability-6, Video-6, VoIP-7, Wallop-1, Wishlist-3, XML-1, Архив всех записей (большой)

За последние месяцы:

Ноя 2008: Ноябрьская встреча RAFPUG 12 — для креативных, В продолжение темы флэш-блогов, весь Ноя

Окт 2008: Ура — вторая лицензия Alternativa3D уезжает в Киев!, Влещь на глагне III IIIIIII?, весь Окт

Сен 2008: Встречайте Open Source Flash Media Server — Mammoth, Срочно нужен толковый Flex-разработчик в Харькове (+Java), весь Сен

Авг 2008: Flex Gangsta Rap Video WTF Bro?, 27 сентября — встреча UAFPUG во Львове и плюшки от Adobe, весь Авг

Июл 2008: Тенденции среди работодателей: Adobe Flex, Adobe AIR, Silverlight, Спорт спасет красоту, которая спасет мир!, весь Июл

Июн 2008: Попытка предварительных выводов о встрече аниматоров, Онлайн трансляция встречи аниматоров в Донецке, весь Июн