• Авторизация
Дневник OLGAT59 Лента друзей - Дневник - Полная версия


Реалистичный эффект падающего снега в Adobe Flash(AS3). 01-12-2014 12:55 к комментариям - к полной версии - понравилось!

Это цитата сообщения jzayka Оригинальное сообщение

Реалистичный эффект падающего снега в Adobe Flash(AS3).


Не за горами любимые праздники Рождество и Новый год.
Актуальна тема "Снегопады".

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

Снегопады разные.От легкого, в несколько снежинок, до снегопада с разным направлением ветра..



Работать будем в программе Adobe Flash,используя Библиотеку классов на AS3,которая позволяет несколькими строчками кода встроить в ваш флеш-ролик красивый и реалистичный эффект падающего снега.

Она имеет множество тонких настроек, которые позволяют адаптировать эффект под свой вкус.

Библиотека +исходник FLA во вложении к посту.
Рассмотрим урок.

рассмотрим урок
1.Как всегда ,начнем с создания папки проекта на компьютере.
Называем как хотим,я назову"Эффект снегопада на AS3".

2.Откроем программу.Создадим новый документ ActioScript3.0
[показать]

Размеры сцены можно оставить пока по умолчанию.
Если же вы сразу хотите загрузить картинку-фон, выставьте размеры рабочей области по размерам картинки.

3.Сохраним его в созданную папку "Эффект снегопада на AS3".Назовем "Снегопад AS3".
[показать]

4.Распакуем архив из вложения к посту.Находим там папку с Библиотекой классов сom.Скопируем ее в папку проекта "Эффект снегопада на AS3".

При сооздании нового эффекта,важно,чтобы папка com с Библиотекой классов находилась в папке создаваемого эффекта.Вы можете в одной папке создавать сколько угодно эффектов,но основное условие,чтобы находилась там папка com(Библиотека классов)

[показать]
[показать]

5.С этого пункта для информации.Если вас интересует только практическая часть,пропустите до пункта 8

Для того,чтобы убедиться,что в Библиотеке находится класс SnowDisplay,кликаем по папкам
[показать]

6.Для ознакомления и информации с его свойствами,откройте документ класса
Файл-Открыть-Указываете путь к классу SnowDisplay

[показать]

В документе класса SnowDisplay мы менять ничего не будем.
Значение и изменения свойств класса будем указывать непосредственно в коде AS3 на временной шкале слоя в блокноте Действия(F9).

Основной Код,в который будем вносить изменения
=============================
Код ActionScript 3.0:

//подключаем библиотеку классов

import com.flashandmath.dg.display.SnowDisplay;

//создаём объект класса SnowDisplay

var snow:SnowDisplay = new SnowDisplay(stage.stageWidth,stage.stageHeight);

//добавляем объект на сцену

addChild(snow);

===============================
7.Дальше на скрине вы видите те параметры ,в которых происходят изменения,при внесении их в код на временной шкале.

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

На этом информационную часть закончим.И приступаем к самому интересному.Будем создавать разные эффекты снегопада
***
8.Создадим слабенький снегопад из нескольких снежинок
Для этого,создадим 2-ой слой .Откроем панель Действия(F9)
И скопируем код ниже
[показать]

Код ActionScript 3.0:
===============================
import com.flashandmath.dg.display.SnowDisplay;
var snow:SnowDisplay = new SnowDisplay(stage.stageWidth,stage.stageHeight);
snow.waitCount = 10;
snow.particlesToAddEachFrame = 1;
addChild(snow);
==============================
где
waitCount-количество кадров перед появлением новой партии снежинок

particlesToAddEachFrame-количество одновременно добавляемых снежинок

9.Изменим значения этих свойств для создания эффекта сильного снегопада

Код ActionScript 3.0:
======================
import com.flashandmath.dg.display.SnowDisplay;
var snow:SnowDisplay = new SnowDisplay(stage.stageWidth,stage.stageHeight);
snow.waitCount = 10;
snow.particlesToAddEachFrame = 1;
addChild(snow);
======================


10.Теперь создадим эффект снегопада с сильным ветром

Код ActionScript 3.0:
=============================
import com.flashandmath.dg.display.SnowDisplay;
var snow:SnowDisplay = new SnowDisplay(stage.stageWidth,stage.stageHeight);
snow.windX = 10;
snow.windY = 2;
addChild(snow);
=============================
где
windX-значение свойств ветра по оси x=10

windY-значение свойств ветра по оси y=2

11.Изменив значение ветра по оси х на отрицательное ,можно изменить направление ветра
Код ActionScript 3.0:
==============================
import com.flashandmath.dg.display.SnowDisplay;

var snow:SnowDisplay = new SnowDisplay(stage.stageWidth,stage.stageHeight);
snow.windX = -10;
snow.windY = 2;
addChild(snow);
=================================


12.Уменьшим значения свойств ветра по оси х

Код ActionScript 3.0:
=================================
import com.flashandmath.dg.display.SnowDisplay;

var snow:SnowDisplay = new SnowDisplay(stage.stageWidth,stage.stageHeight);
snow.windX = -4;
snow.windY = 2;
addChild(snow);

13.В обратную сторону ветер

Код ActionScript 3.0:
=================================
import com.flashandmath.dg.display.SnowDisplay;
var snow:SnowDisplay = new SnowDisplay(stage.stageWidth,stage.stageHeight);
snow.windX = 4;
snow.windY = 2;
addChild(snow);
=================================


Не забывайте при каждом изменении нажимать Сохранить.
Экспериментируйте,изменяя значение свойств класса.
Удачи в творчестве!!!



вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Реалистичный эффект падающего снега в Adobe Flash(AS3). | OLGAT59 - Дневник OLGAT59 | Лента друзей OLGAT59 / Полная версия Добавить в друзья Страницы: раньше»