Уроки Flash – Ефект лупи, Програми для роботи з графікою, Програмні керівництва, статті

У цьому уроці розповідається про те, як отримати ефект лупи в Flash-е.


Приступимо!


Для початку створіть нову сцену. Після цього намалюйте саму лупу … (Можна взяти вже готовий малюнок)


Далі, зробіть з нього графічний елемент (Modify —> Convert to Symbol —> Graphic —> OK)


Після цього, його ж перетворите в MovieClip, попередньо обізвавши його zoom” (Modify—>Convert to Symbol—>MovieClip—>OK)


Зайдіть всередину щойно створеного MovieClip-а (двічі клацніть на нього). Створіть новий шар, назвіть його Маска (Хоча і не обов’язково … для зручності), після чого перетягніть його в самий ніз.Щелкніте правою кнопкою на цей шар і включіть галочку “Mask”. Тепер намалюйте невелике коло, розміром зі скло лупи.


Створіть ще один шар, назвіть його “тло“(Теж для зручності) і перетягніть його вниз …


Тепер завантажте той малюнок, який ми будемо розглядати з допомогою лупи.Превратіте його в MovieClip і в Instance Name надайте йому ім’я “mc“.


Перейдіть на Scene 1…


Створіть новий шар, перетягніть його вниз. Помістіть туди той самий малюнок, який ми рассматріваем.Далее, натисніть на саму лупу і дайте йому такий Action Script:


onClipEvent (load) {


       n = 1;


       w = _width;


       h = _height;


       lupa_radius = (75/4);


       smeshenie_po_x = (600-w)/2;


       smeshenie_po_y = (200-h)/2;


}


onClipEvent (mouseMove) {


       xm = _root._xmouse;


       ym = _root._ymouse;


       _x = xm;


       _y = ym;


       mc._x = -xm;


       mc._y = -ym;


       updateAfterEvent();


}


onClipEvent (enterFrame) {


       if (md) {


              if (n<3) {


                     n+=0.25;


              }


       }


       if (md == 0) {


              if (n>1.5) {


                     n-=0.25;


              }


       }


       _xscale = 100*n;


       _yscale = 100*n;


}


onClipEvent (mouseDown) {


       md = 1;


}


onClipEvent (mouseUp) {


       md = 0;


}


Залишилося тільки присудити першого кадру такий Action Script


Mouse.hide


Готово! Що вийшло, ви можете побачити ось тут.

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*