• Авторизация


Вот такое слайд шоу! 07-08-2015 23:21 к комментариям - к полной версии - понравилось!

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

Вот такое слайд шоу!


1. Создать документ AS2, размеры 600/393 px. Впишите в первый кадр этот код:


var picsTotal:Number = 6;
var myPause:Number = 5000;
var picsCount:Number = 1;
var curr_mc:MovieClip;
function randNumb(min, max) {
    var number:Number = Math.random()*(max-min)+min;
    return number;
}
function startMask() {
    trace(picsCount);
    if (_global.intID != undefined) {
        clearInterval(_global.intID);
    }
    var allClips:MovieClip = _root.createEmptyMovieClip("clips"+picsCount, 2);
    curr_mc = allClips;
    for (i=0; i<7; i++) {
        var newPic:MovieClip = allClips.createEmptyMovieClip("picHolder"+i, i);
        var newMask:MovieClip = allClips.createEmptyMovieClip("newMask"+i, i+10);
        newPic.setMask(newMask);
        newPic.attachMovie("pic"+picsCount, "pic"+picsCount, 0);
        newPic._alpha = 60;
        addMask(newMask, 20, 10000);
    }
    picsCount++;
    if (picsCount>picsTotal) {
        picsCount = 1;
    }
}
function addMask(clip, n, maxScale) {
    for (k=0; k<n; k++) {
        var element:MovieClip = clip.attachMovie("maskElement", "maskElement"+k, k);
        if (k == n-1 && clip._name == "newMask3") {
            element.restart = true;
        }
        element._x = randNumb(0, Stage.width);
        element._y = randNumb(0, Stage.height);
        if (Math.round(Math.random())>0.5) {
            element._rotation = 90;
        }
        element.onEnterFrame = function() {
            this._xscale = this._yscale += 300;
            if (this._xscale>=maxScale) {
                delete this.onEnterFrame;
                if (this.restart) {
                    this._parent._parent.picHolder3._alpha = 100;
                    _root.createEmptyMovieClip("tmp", 0);
                    curr_mc.swapDepths(0);
                    _global.intID = setInterval(startMask, myPause);
                }
            }
        };
    }
}
//
startMask();

 

   В первой строке ставьте цифру, обозначающую количество картинок в анимации. В примере  - 6. А в 16 строке на единицу больше, в примере - 7.  В коде есть и другие настройки - скорость перехода, скорость смены картинок ...  Поэкспериментируйте сами.

 

2. Подготовьте картинки для слайд шоу. Я взял шесть картинок-коллажей Веры_ВАТ, в фотошопе задал всем одинаковый размер - 600/393px. Уменьшил их "вес" через программу RIOT. (Можно пользоваться онлайн сервисом https://tinypng.com/  ) Это для того чтобы флешка не получилась тяжеловесной. Загрузите их в библиотеку программы. Преобразовать все картинки в фрагменты роликов. Там же, в библиотеке, в графе "Связывание" пишите идентификаторы: pic1 , pic2 и т.д.

VFL.RU - ваш фотохостинг

   Важно: всем фрагментам роликов (pic1-6) в "Свойства" задать значения X и Y по нолям.

Если картинки разных размеров, то размер сцены возьмите по наибольшей, а точку регистрации придётся определить для каждой в отдельности (значения X и Y). Можно на сцене добавить слой-фон под скриптовым слоем.

 

3. Создать фрагмент ролика для программной маски. На скрине это "Символ7". Инструментом "Прямоугольник" любым цветом без обводки рисуйте произвольный прямоугольник, выделите его и в "Свойствах" задайте размеры: ширина=3px , высота=4px. И обязательно выровнять по центру. Для того, чтобы этого прямоугольничка было видно задайте сцене наибольший размер - 800%, для удобства работы. В библиотеке в графе "Связывание" запишите идентификатор  =maskElement=.

   Готово! Тестируйте.

Последовательность выполнения действий может быть любая:

   Справившись с простой прямоугольной маской попробуйте другие формы: многоуголmник, звёздочки. Можно загрузить ПНГ_шку. А ещё - анимировать маску, как в слайд-шоу ниже:


Исходник урока на Демиарте.

А ниже вложение: папка с исходниками

Серия сообщений "МОИ УРОКИ. ":
Часть 1 - Создание флеш-альбома "Листалка" в программе FLIP Flash Album Deluxe 2
Часть 2 - Наложение футажей в фотошопе на временной шкале.2-й урок
...
Часть 39 - Сайт-портал "zaycev.net" - как пользоваться.
Часть 40 - Кто в доме хозяин? (С уроком!).
Часть 41 - Вот такое слайд шоу!
вверх^ к полной версии понравилось! в evernote
Комментарии (2):
AlenkaASK 08-08-2015-15:59 удалить
Ответ на комментарий Фрида_Серденко #


Комментарии (2): вверх^

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

Дневник Вот такое слайд шоу! | AlenkaASK - Дневник mASKa | Лента друзей AlenkaASK / Полная версия Добавить в друзья Страницы: раньше»