ACTIONSCRIPT etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
ACTIONSCRIPT etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

FLASH İLE PARLAMA EFEKTİ

Selamlar,

Elimden geldiğince gelen istekler doğrultusunda anlatımlara devam etmeye çalışıyorum. En çok rağbet olan anlatımlardan biri de Flah ile parlama efekti.

Bu anlatım için aşağıdaki yüzük görselini kullanıp, üzerindeki yazı olan kısımlara parlama efekti uygulayalım.



Görseli sahneye import ettikten sonra, sırasıyla, (aşağıdan yukarıya) "yüzük", "parlama", "maske" adında üç farklı üç farklı layer oluşturuyoruz.

maske adındaki layer üzerinde iken yazı olan kısımları brush yardımı ile herhangi bir renkte boyuyoruz.




Yaptığımız bu boyama işlemiyle parlamanın nerede görüleceğini belirlemiş oluyoruz.


Gelelim parlama efektine;
Bunun için aşağıdaki gibi bir dörgen çizerek linear bir renk veriyoruz ve ortada 3, kenarlarda 2'şer olmaz üzere toplamda 5 adet renk skalası ekliyoruz.



Ortada bulunacak olan rengimiz sarı ve Alpha:90, sarı rengin yanındaki renkler (siyah ile işaretlenen) beyaz Alpha:30, sonlardaki renkler ise (kırmızı ile işaretlenen) sarı ve Alpha:0.

Oluşturduğumuz dörtgeni F8 ile movie clip yapıp, içine giriyoruz, sonrasında bir movie clip daha oluşturuyoruz. Böylece gerçeklerştirecek oldugumuz parlama efekti, ilk oluşturduğumuz movie clip'in içerisinde varolmuş olacak.

Ana Sahnedeki movie clibimizin içersine bir kez girerek 50. frame'e F6 ile bir Keyframe ekliyoruz ve iç movie clibimizi yüzüğün sonuna cekiyoruz, ve 1. ve 50. keyframeler arasına (sağ tıklayarak) Tween veriyoruz.

Parlamanın belirli aralıklarla tekrar etmesi için boş bir layer açıp 100. layera bir keyframe ekleyebilirsiniz.





Ana sahneye dönüyoruz ve parlama layerının üzerinde olan maske layerımıza sağ tıklayarak Mask'ı işaretlediğimizde aşağıdaki gibi bir görünüm elde edebilmemiz gerek.



Ctrl + Enter ile çalışmanızı test ettiğinizde aşağıdaki gibi bir sonuç almış olmalısınız.
Sorularınız buradaki formu doldurarak iletebilirsiniz.




Kaynak dosyayı ise buradan indirip inceleyebilirsiniz.



İyi çalışmalar.

ACTIONSCRIPT, İLE ANİMASYON TEKNİKLERİ (TWEEN CLASS)

Selamlar,

Flash animasyonları, birkaç sınıf ile zenginleştirebilmemiz mümkün. Bunlardan en önemlilerinden biri de Tween Class.
Tween Class ile
"Back , Bounce, Circular, Cubic, Elastic, Exponential, Linear, Quadratic, Quartic, Quintic, ve Sine"
gibi ease versiyonları kullanarak, yumuşak geçişli, görsel animasyonlar hazırlayabilirsiniz.

Hazırlanan bu animasyonların tipi, özellikleri, yumuşatma şekli (easing) gibi özelliklerini matematiksel olarak ayarlayabildiğiniz için, sorunsuz animasyonlar elde edebiirsiniz.

Actionscript 2.0 için;

import mx.transitions.*
import mx.transitions.easing.*
var animasyon:Tween
animasyon = new Tween(top_mc,"_y", Bounce.easeOut, 30, 200, 1.2,true)

------------------------------------------------------------------

Actionscript 3.0 için;

import fl.transitions.*;
import fl.transitions.easing.*;

var animasyon:Tween;

animasyon = new Tween(top_mc, "y", Bounce.easeOut, 30, 200, 1.2, true);


------------------------------------------------------------------

Yukarıda;
"y" düzlemi üzerinde, Bounce efektini y=30 da başlayıp y=200 de biten, 1.2 sn'lik animasyonun sonuna uygulatıyoruz.



şeklinde sınıfı çağırarak animasyonumuza başlayabiliriz.

sahneye top görselini alıyorum, F8 ile movie clip yaparak instance name alanına top_mc olarak yazıyorum.




------------------------------------------------------------------
Animasyon tipleri olarak aşağıdaki seçenekleri kullanabilirsiniz.

Back , Bounce, Circular, Cubic, Elastic, Exponential, Linear, Quadratic, Quartic, Quintic, Sine, Strong.
------------------------------------------------------------------


Animasyon tipini belirledikten sonra, bu animasyonun, başlangıçta mı, sonda mı yoksa hem başlangıç hem sonda mı olabileceğine de karar verebiliyoruz.

Bunları da aşağıdaki easing tiplerinden birini kullanarak yapabiliriz.

easeIn, easeOut, easeInOut.

Tahmin edilebileceği gibi;

easeIn: Başlangıçta
easeOut: Sonda
easeInOut: Başlangıç ve sonda

animasyonun gerçekleşmesini sağlar.



------------------------------------------------------------------
Animasyonlara, animasyon sırasında müdahale edebilmekte mümkün;

Tweenadi.yoyo() : Geri alır.
Tweenadi.fforward() : En sonuna alır.
Tweenadi.start() : Animasyonu sıfırdan başlatır.
Tweenadi.stop() : Animasyonu durdurur.
Tweenadi.nextFrame() : Durdurulmuş animasyonun bir frame sonrasına alır.
Tweenadi.prevFrame() : Durdurulmuş animasyonun bir frame öncesine alır.
Tweenadi.resume() : Durdurulmuş animasyonu kaldığı yerden devam eder.
Tweenadi.rewind() : Durdurulmuş animasyonu kaldığı yerden geri devam eder.
Tweenadi.onMotionFinished() : Tween animasyonu tamamlandığında.
Tweenadi.onMotionResumed() : Tween animasyonu duraklatıldığında.
Tweenadi.onMotionStarted() : Tween animasyonu başlatıldığında.
Tweenadi.onMotionStopped() : Tween animasyonu durdurulduğunda.

Aşağıdaki, birkaç animasyon tipi ile yapılmış çalışma var.

Topun yapmasını istediğiniz animasyona tıklayarak, nasıl bir yol izlediğiniz görebilirsiniz.

Sorularınızı iletişim sayfasındaki formu doldurarak sorabilirsiniz.




İyi çalışmalar.

ACTIONSCRIPT, NUMBER - INT - UINT KULLANIMI

Selamlar,

Actionscript 3.0 ile sayıların tanımlamalarını yaparken kullanılan; Number, int ve Uint, arasında ne fark vardır ve hangi tanımı ne zaman yapacağız konusuna biraz deyinmek istedim.

Kabaca bir sıralama yapacak olursak şu gibi bir şeyler elde edebiliriz.
" Number > int > Uint "

numara adında bir tanımlama yapalım;

var numara : Number = -143.2 ;



Test Movie (CTRL+ENTER) ile OUTPUT ekranına -143.2 sayısının geldiğini görebiliriz.


şimdi de numara iki ve üç'ü tanımlayalım;

var numara2 : -143;
var numara3 : 143;

Dikkat edilirse numara, numara1 ve numara2 için girilen değerler birbirlerinden farklı.

Bu durumun nedeni, Number, int ve Uint farklı kullanım amaçlarının olmasıdır.


3 tanımı da göstermek gerekirse;



Şeklinde olmalıdır. Çünkü, bu üç tanımlamanın kapsadıkları sayılar birbirleriyle farklılık göstermektedir.

Number - Tüm sayıları içerir.
int - Negatif ve pozitif tam sayıları içerir.
Uint - Pozitif tam sayıları içerir.


Burada akla; tüm tanımlamalarda "Number" kullansak ne olur gibi bir soru gelebilir. Yanlış olmaz fakat, Number için flash player'ın yapacağı işlem daha fazla olurken Uint için çok daha azdır.
Tam bu noktada da profesyonel kullanım ve amatör kullanım arasındaki fark devreye girmiş olur.


İhtiyaçlarımız doğrultusunda çalışan ve gereksiz bellek ayrımına ihtiyaç duymayan bir çalışma daha ustaca olacaktır.


İyi çalışmalar.

FLASH ile MOUSE ETKİLEŞİMLİ ARKA PLAN

Selamlar,

Web sitelerinde mouse hareketine bağlı olarak hareket eden arkaplanlar kullanılabiliyor. Yalnızca birkaç satır actionscript (2.0) ile basit bir şekilde bunu yapabilmek mümkün.


Flash'ta 800x400 ölçülerinde bir çalışma dosyası açıp, arkaplanda olmasını istediğimiz görseli, File > Import > Import to Stage ile (CTRL + R) ile çağırıyoruz.




Çalışma alanımıza çağırdığımız görseli, F8 tuşuna basıp movie clip haine getiriyoruz ve bu movie clibin instance name alanına arkaplan_mc gibi bir değer veriyoruz.


Sonrasında actions layerımıza

onEnterFrame = function ()
{

arkaplan_mc._x = (A - (_xmouse)/a)
arkaplan_mc._y = (B - (_ymouse)/b)
}

yazarak işin kabasını bitirmiş oluyouz.

Yukarıdaki kodda kullanılan;

"onEnterFrame" : sürekliliği sağlayacak.
A : swf üzerinde arkaplanın ilk bulunacağı "x" koordinatı
B : swf üzerinde arkaplanın ilk bulunacağı "y" koordinatı
a : arkaplanın mouse ile "x" düzlemi üzerinde hareket etme hızı
b : arkaplanın mouse ile "y" düzlemi üzerinde hareket etme hızı

Birkaç deneme ile gerekli değerleri sağlayabilirsiniz.

Sonuç olarak çıkan çalışma bu gibi olmalı.



Örnek çalışmaya buradan ulaşabilirsiniz.

İyi çalışmalar.
 
GRAFİK KAZASI © 2010 | Düzenleme Sebahattin Musaoğlu | Sayfa Başına dön.