Приветствую Вас Гость | RSS Главная | Эффект "Рябь на воде" - Форум | Регистрация | Вход
Написать администрации: [masterclub.admin@gmail.com] Последние сообщения · Одноклубники · Правила форума · Поиск · RSS
  • Страница 1 из 2
  • 1
  • 2
  • »
Форум » Adobe Flash » Уроки Adobe Flash CS4 » Эффект "Рябь на воде" (Action script)
Эффект "Рябь на воде"
МаргоДата: Пятница, 09.04.2010, 11:18 | Сообщение # 1
Мастер

Админ
Репутация: 543
Сообщений: 4822
Уважаемые любители Флеша!

Этот урок для тех, кто хочет воспроизвести реальное движение на поверхности воды - "рябь на воде".

В этом уроке используется Action script

Вот такой результат должен получиться:



Открываем Флеш, выбираем Action script 3.0
Импортируем заранее подготовленную картинку.
File - Import to stage
Центрируем картинку с помощью вкладки Align при необходимости.
Даём название нашему слою с картинкой. Дважды щёлкаем на слое и пишем image.

Затем конвертируем нашу картинку в символ. Нажимаем F8 и пишем название backImg.



Далее нам нужно ввести имя в Instance, что на в кладке Properties



Следите что имена были точно как нас скринах - это важно!!!

Создаём новый слой и называем его actions.
В итоге у вас должно быть два слоя вот с такими названиями и располагаться они должны вот в таком порядке.


Нажимаем мышкой на первый кадр во вновь созданном слое и жмём F9
Вводим код
Code
var bm:BitmapData=new BitmapData(backImg1.width, backImg1.height);
var disp:DisplacementMapFilter = new DisplacementMapFilter(bm,new Point(0,0),1,2,10,60);
var pt1:Point = new Point(0,0);
var pt2:Point = new Point(0,0);
var perlinOffset:Array = [pt1, pt2];

addEventListener(Event.ENTER_FRAME, onFrame);
function onFrame(evt:Event):void {
           perlinOffset[0].x +=1;
           perlinOffset[1].y +=0.1;
           bm.perlinNoise(45,9,2,50,true,false, 7,true,perlinOffset);
           backImg1.filters=[disp];
}


Всё готово! Нажимайте Сtrl+Enter и тестируйте мувик 15
Исходник
Прикрепления: water.swf(34.4 Kb)
 
Награды: 1
АннушкаДата: Пятница, 09.04.2010, 12:08 | Сообщение # 2
Мастер

Клубчанин
Репутация: 561
Сообщений: 4174
Марго, отличный урок! Спасибо! 1 Вот только Mega SWF меня забыл и требует регистрации... а я не помню свой логин 13 Придётся старым способом хвалиться 3
Прикрепления: __.swf(19.4 Kb)




Звания и титулы:
 
Награды: 9
МаргоДата: Пятница, 09.04.2010, 12:10 | Сообщение # 3
Мастер

Админ
Репутация: 543
Сообщений: 4822
Аннушка, молодец что быстро попробовала 15 Тебе никто не мешает там по новой зарегистрироваться и записать свой код и прижать его к сердцу 3 чтобы не потерялся.
 
Награды: 1
АннушкаДата: Пятница, 09.04.2010, 13:19 | Сообщение # 4
Мастер

Клубчанин
Репутация: 561
Сообщений: 4174
Quote (Марго)
Тебе никто не мешает там по новой зарегистрироваться и записать свой код и прижать его к сердцу чтобы не потерялся.

Так ведь спешила же тебя обрадовать 3 Так и сделаю теперЯ 2 А урок просто СУПЕР! 1

Вот и моя водичка 3




Звания и титулы:


Сообщение отредактировал Аннушка - Пятница, 09.04.2010, 16:27
 
Награды: 9
МаргоДата: Пятница, 09.04.2010, 14:11 | Сообщение # 5
Мастер

Админ
Репутация: 543
Сообщений: 4822
Аннушка, спасибо 15

Бродяга пришлось удалить твою анимацию, страница не просто тормозила, а висла наглухо, проверяла несколькитми браузерами.
Если хочешь выложить результат, то воспользуйся Mega SWF или сделай небольшую картинку, как у меня вверху. Большая картинка блокирует работу этой страницы.

 
Награды: 1
БродягаДата: Пятница, 09.04.2010, 15:35 | Сообщение # 6
Умелец

Смотритель
Репутация: 283
Сообщений: 685
Марго, странно, у меня на ура отрабатывала.

Ну и ладно. Выложил озеро на MegaSVF. Любуйтесь 15

Кстати, Марго, еще раз спасибо. 11 Замечательная вещь! 12


В тапера просьба не стрелять — лабает как умеет.

Звания и титулы:
Эрудит июня

Сообщение отредактировал Бродяга - Пятница, 09.04.2010, 18:55
 
Награды: 1
MarriNikaДата: Воскресенье, 11.04.2010, 14:48 | Сообщение # 7
Адепт

Одноклубник
Репутация: 0
Сообщений: 3
Марго, не могу во Flash CS4 дать имя экземпляру символа.
Прикрепления: 0225579.png(5.7 Kb)
 
Награды: 0
БродягаДата: Воскресенье, 11.04.2010, 16:05 | Сообщение # 8
Умелец

Смотритель
Репутация: 283
Сообщений: 685
MarriNika, дело в том, что ты преобразовала его в символ не того типа. У тебя символ "Graphic", а нужно "Movieclip".

В тапера просьба не стрелять — лабает как умеет.

Звания и титулы:
Эрудит июня

 
Награды: 1
МаргоДата: Воскресенье, 11.04.2010, 18:08 | Сообщение # 9
Мастер

Админ
Репутация: 543
Сообщений: 4822
MarriNika, всё так как сказал Бродяга, начни по новой и когда будешь вызывать F8 выбери не график и муви клип. И всё потом получится 15
Бродяга, на здоровье 15
 
Награды: 1
lynnnДата: Суббота, 31.07.2010, 21:59 | Сообщение # 10
Адепт

Одноклубник
Репутация: 0
Сообщений: 7
Эффектно. Спасибо большое.
8 меня мучает вопрос... как можно маскировать так, чтоб рябь не выходила за предел определенного контура? слой actions, похоже, маскировать нельзя. а если маскировать image, например, текстовой надписью, обращенной в символ - то буквы "рябят" и расплываются. хотя так тоже красиво. но хотелось бы, чтоб рябь была только внутри букв.
второй вопрос. получается все, где замешан ActionScript( даже если он в принципе неинтерактивен, т.е. не реагирует на действия мыши и т.п.), уже нельзя преобразовать в gif-анимацию?
 
Награды: 0
ЧеширДата: Суббота, 31.07.2010, 23:14 | Сообщение # 11
Ученик

Клубчанин
Репутация: 49
Сообщений: 114
lynnn, первый вопрос: попробуйте текст использовать как маску, а рябь пускать в фоновом слое. Тогда буквы будут как окна.
Второе. попробуйте экспортировать файлик в видео, и уже видео преобразовать в гиф.


!!!!Люблю свою Ультрафиолет!!!!

"-- Не шалю, никого не трогаю, починяю примус, -- недружелюбно насупившись, проговорил кот, -- и еще считаю долгом предупредить, что кот древнее и неприкосновенное животное." "Мастер и Маргарита"

"Ну, уж ничего не поделаешь -- мы все здесь ненормальные. Я
ненормальный. Ты ненормальная", -- усмехнулся Кот.
"С чего вы взяли, что я ненормальная?" -- удивилась Алиса.
"Должно быть, раз уж ты здесь", -- объяснил Кот довольно просто.

- У _нас_, - сказала Алиса, с трудом переводя дух, - когда долго бежишь со всех ног, непременно попадешь в другое место.
- Какая медлительная страна! - сказала Королева. - Ну, а _здесь_, знаешь ли, приходится бежать _со всех ног_, чтобы только остаться на том же месте! Если же хочешь попасть в другое место, тогда нужно бежать по меньшей мере вдвое быстрее!

 
Награды: 0
БродягаДата: Суббота, 31.07.2010, 23:29 | Сообщение # 12
Умелец

Смотритель
Репутация: 283
Сообщений: 685
ashishlev, ты меня опередил. Я хотел предложить такое же решение.

В тапера просьба не стрелять — лабает как умеет.

Звания и титулы:
Эрудит июня

 
Награды: 1
ЧеширДата: Суббота, 31.07.2010, 23:39 | Сообщение # 13
Ученик

Клубчанин
Репутация: 49
Сообщений: 114
Значит, правильное решение. :)

!!!!Люблю свою Ультрафиолет!!!!

"-- Не шалю, никого не трогаю, починяю примус, -- недружелюбно насупившись, проговорил кот, -- и еще считаю долгом предупредить, что кот древнее и неприкосновенное животное." "Мастер и Маргарита"

"Ну, уж ничего не поделаешь -- мы все здесь ненормальные. Я
ненормальный. Ты ненормальная", -- усмехнулся Кот.
"С чего вы взяли, что я ненормальная?" -- удивилась Алиса.
"Должно быть, раз уж ты здесь", -- объяснил Кот довольно просто.

- У _нас_, - сказала Алиса, с трудом переводя дух, - когда долго бежишь со всех ног, непременно попадешь в другое место.
- Какая медлительная страна! - сказала Королева. - Ну, а _здесь_, знаешь ли, приходится бежать _со всех ног_, чтобы только остаться на том же месте! Если же хочешь попасть в другое место, тогда нужно бежать по меньшей мере вдвое быстрее!

 
Награды: 0
МаргоДата: Воскресенье, 01.08.2010, 12:41 | Сообщение # 14
Мастер

Админ
Репутация: 543
Сообщений: 4822
О, как тут быстро и оперативно разобрались с проблемой, любо дорого посмотреть 15
Осталось только дождаться спасибо 3
 
Награды: 1
lynnnДата: Воскресенье, 01.08.2010, 15:11 | Сообщение # 15
Адепт

Одноклубник
Репутация: 0
Сообщений: 7
Спасибо огромное за отклики и за оперативность ;)
1. Волшебство. Вроде все так и делала - не получалось. Попробовала еще раз - все как надо. Хотела вернуться к старому эффекту, чтоб понять в чем разница - уже никак. Прикрепляю файлы.
2. Вначале в формат .swf? (File->Export->Export movie ) или другой? как потом в gif?
*сорри, если туплю
------------
мда, второй файл почему-то не прикрепляется. в общем, туттолько первый вариант.

Добавлено (01.08.2010, 15:11)
---------------------------------------------
еще вопрос про экспорт в гиф.
Как сделать так, чтоб размер гифки не менялся, но разрешение стало лучше? при установке большего разрешения у меня автоматически увеличивается размер...

Прикрепления: 2300534.swf(73.8 Kb)


Сообщение отредактировал lynnn - Воскресенье, 01.08.2010, 15:09
 
Награды: 0
БродягаДата: Воскресенье, 01.08.2010, 17:14 | Сообщение # 16
Умелец

Смотритель
Репутация: 283
Сообщений: 685
Quote (lynnn)
да, второй файл почему-то не прикрепляется

Попытайся второй вариант переименовать. Тогда прикрепится.

Quote (lynnn)
Вначале в формат .swf? (File->Export->Export movie ) или другой? как потом в gif?

Скачай отсюда конвертер swf2gif. С его помощью ты сможешь превратить анимацию в Гиф.

Quote (lynnn)
Как сделать так, чтоб размер гифки не менялся, но разрешение стало лучше?

Никак. Гиф-анимация -- это последовательный показ битмап-картинок. Если ты увеличиваешь разрешение (т.е. количество точек) — битмап становится больше по объему. Конечно, можно уменьшить количество цветов в анимации, но от этого опять же пострадает результат.


В тапера просьба не стрелять — лабает как умеет.

Звания и титулы:
Эрудит июня

Сообщение отредактировал Бродяга - Воскресенье, 01.08.2010, 17:18
 
Награды: 1
МаргоДата: Воскресенье, 01.08.2010, 17:16 | Сообщение # 17
Мастер

Админ
Репутация: 543
Сообщений: 4822
lynnn, прекрасный результат 12 оно того стоило 15
 
Награды: 1
lynnnДата: Понедельник, 02.08.2010, 11:54 | Сообщение # 18
Адепт

Одноклубник
Репутация: 0
Сообщений: 7
10 спасибо всем еще раз
понятно. swf2gif - найду без вируса, скачаю)
 
Награды: 0
БродягаДата: Понедельник, 02.08.2010, 13:49 | Сообщение # 19
Умелец

Смотритель
Репутация: 283
Сообщений: 685
Quote (lynnn)
найду без вируса, скачаю

И где ты там вирус нашла? 14


В тапера просьба не стрелять — лабает как умеет.

Звания и титулы:
Эрудит июня

 
Награды: 1
lynnnДата: Понедельник, 02.08.2010, 22:29 | Сообщение # 20
Адепт

Одноклубник
Репутация: 0
Сообщений: 7
да я не искала, чесслово :))
но avast говорит: malwore-червь - и я с ним не спорю.
 
Награды: 0
БродягаДата: Понедельник, 02.08.2010, 22:39 | Сообщение # 21
Умелец

Смотритель
Репутация: 283
Сообщений: 685
lynnn, Спорный вопрос. Ни Доктор Веб ни Касперский ничего не нашли. Ну ладно. Ищи такую, чтоб аваст не боялся 15

Набери в Гугле swf2gif — думаю, найдешь не один конвертер.

Прикольная аватарка у тебя — кошка, вид снизу 12 Сам так свою кошку отсканировал когда-то 15


В тапера просьба не стрелять — лабает как умеет.

Звания и титулы:
Эрудит июня

Сообщение отредактировал Бродяга - Понедельник, 02.08.2010, 22:41
 
Награды: 1
daedromanДата: Четверг, 26.08.2010, 18:02 | Сообщение # 22
Адепт

Клубчанин
Репутация: 15
Сообщений: 32
ПРИЙДУ С ТРЕНИРОВКИ -СДЕЛАЮ

Добавлено (26.08.2010, 18:02)
---------------------------------------------
как и обещал!
озерцо


временно отсутствовал! снова принимаюсь за работу во ФЛЭШ!
 
Награды: 0
БродягаДата: Четверг, 26.08.2010, 18:58 | Сообщение # 23
Умелец

Смотритель
Репутация: 283
Сообщений: 685
daedroman, красиво получилось. Ярко. 12

А вот так попробуй сделать. Тоже эффектно 15


В тапера просьба не стрелять — лабает как умеет.

Звания и титулы:
Эрудит июня

 
Награды: 1
daedromanДата: Четверг, 26.08.2010, 21:34 | Сообщение # 24
Адепт

Клубчанин
Репутация: 15
Сообщений: 32
Бродяга, я хотел, но что то не понял как ты это сделал... если не сложно опиши кратко, а то я только первые шаги делаю)))

временно отсутствовал! снова принимаюсь за работу во ФЛЭШ!
 
Награды: 0
БродягаДата: Пятница, 27.08.2010, 00:01 | Сообщение # 25
Умелец

Смотритель
Репутация: 283
Сообщений: 685
Quote (Марго)
Затем конвертируем нашу картинку в символ. Нажимаем F8 и пишем название backImg.

daedroman, я разделил фон пополам. Само озеро я вывел на новый слой и к нему применял действия урока. Кто сказал, что картинка должна быть размером на всю сцену? 4


В тапера просьба не стрелять — лабает как умеет.

Звания и титулы:
Эрудит июня

Сообщение отредактировал Бродяга - Пятница, 27.08.2010, 00:02
 
Награды: 1
Форум » Adobe Flash » Уроки Adobe Flash CS4 » Эффект "Рябь на воде" (Action script)
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:

Посетители дня
Посетители:
Последние сообщения · Одноклубники · Правила форума · Поиск · RSS
Приветствую Вас Гость | RSS Главная | Эффект "Рябь на воде" - Форум | Регистрация | Вход
Сайт управляется системой uCoz
Раскрутка сайтов