?> Renk Paleti (Color Picker)Actionscript 3.0 - photoders
Site » ActionScript 3.0

Renk Paleti (Color Picker)Actionscript 3.0

[ 18 Haz 2009 | 2 Yorum ]

photodersFlash çalışmamızda renk toplayıcı paleti oluşturacağız (ColorPicker) Flash Components panelinden colorpicker alarak ekleyeceğimiz actionscript kodlama uygulayarak çalışmamızı yapacağız. İlk olarak çalışma sayfası açalım benim tercihim 400×250 px oldu.

 


1-Çalışmada kullanmak için photoshop kullanarak transparent sayfa açtım bir resim hazırladım ağaç fırçalar kullanarak bir tasarım oluşturdum PNG kaydettim.
photoders
2-Hazırladığımız resmi import edelim sahnede resmi Aling panelden ortalayalım seçili durumda F8 movie clip yapalım name kısmına agac_mc yazalım layer1 adını değişelim ağaç yazalım. Sahnede agac_mc seçili instance name kısmına agac_mc yazalım.
photoders
3-Yeni layer ekleyelim layer adı bg olsun. Rectangle Tool aracı ile dış çizgisi olmayan bir dikdörtgen hazırlayalım renk siyah olsun ebat olarak açtığımız sayfa boyutunda olsun. Dikdörtgeni seçip F8 movie clip yapalım name bg_mc olsun instance name kısmına bg_mc yazalım. Ağaç layerinin altına alalım.
photoders
4-Yeni layer ekleyelim layer adını colorpicker yazalım. Window> Components panelini açalım. CoroPicker sahneye alalım.
photoders
5-Color Picker oluşturduğumuz layere resmimizin köşesine ekleyelim kütüphaneden tekrar alarak alt köşeye ekliyoruz biri arka plan renk değişimi için diğeri resmimizin renk değişimi için olacak. Tek, tek instance name kısımlarına resim üzerindeki isimleri verelim.
photoders
6-Yeni layer ekleyelim layer adını action layer yazalım. F9 actions paneli açalım. Ekli kodu ekleyelim.

import fl.events.ColorPickerEvent;

cpArka.colors = [0x000000,0xFFFFFF,0x000099,0x990000,0xFF6600,0xFFFF00,0x00FF00,
0x663300,0x9900CC];
cpArka.selectedColor = 0x000000;
cpArka.showTextField = false;

cpResim.colors = [0xFFFFFF,0x000000,0x000099,0x990000,0xFF6600,0xFFFF00,0x00FF00,
0x663300,0x9900CC];
cpResim.selectedColor = 0xFFFFFF;
cpResim.showTextField = false;

cpArka.addEventListener(ColorPickerEvent.CHANGE,changeColorArka);
cpResim.addEventListener(ColorPickerEvent.CHANGE,changeColorResim);

function changeColorArka(evt:ColorPickerEvent):void {
var newColorTransform:ColorTransform = bg_mc.transform.colorTransform;
newColorTransform.color = evt.color;
bg_mc.transform.colorTransform = newColorTransform;
}

function changeColorResim(evt:ColorPickerEvent):void {
var newColorTransform:ColorTransform = agac_mc.transform.colorTransform;
newColorTransform.color = evt.color;
agac_mc.transform.colorTransform = newColorTransform;
}

7-Çalışmamızı test edelim Ctrl+Enter
FLA İndir

Etiket: ,

2 Yorum »

  • ReginsasAlahamora diyor'ki:
    03 Tem 2009 saat 14:33

    merhaba hocam Flahs da yeni sayılırımda Ben M.Flash proffesional 8 kullanıyorum da components -user Interface de Colorpicker  ekli değil  bir yardımcı olursanız sevinirim teşekkürler. 

  • admin (author) diyor'ki:
    03 Tem 2009 saat 14:52

    İncelediğiniz çalışma Actionscript 3.0 çalışmadır. Flash 8 Actionscript 3.0 kodları içermemekte uygulamayı yapabilmeniz için Adobe Flash CS3 veya Adobe Flash CS4 sürümler kullanmanız gerekmekte

Yorum Yazın

Konuyla ilgili yorumlarınızı aşağıya yazabilir diğer okuyucularla paylaşabilirsiniz, yazıdan alıntı yapacak olursanız geribildirim yapmayı unutmayın.. Yazıdaki yorumları RSS olarak takip etmek için tıklayınız .

Yorum yazarken dikkat etmeniz gereken hususlar;

  • Spam ve reklam içerikli yorumlar silinecektir.
  • Yorumlar onay gerektirdiğinden birden fazla kez aynı yorumu yazmayınız.
  • Yorumlarınızın konu ile alakalı olmasına özen gösteriniz.
  • Küfür, hakaret etmenizin kimseye faydası olmadığını unutmayın.
  • Yorum yapmanız, onaylanacağı anlamına gelmemektedir. Buradaki hususlara dikkat etmeniz, onaylanma şansını artıracaktır.

    • Güvenlik Kodunun Resmi
    *

    Kapat
    E-posta ile paylaş