Renk Paleti (Color Picker)Actionscript 3.0
Flash ç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.

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.

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.

4-Yeni layer ekleyelim layer adını colorpicker yazalım. Window> Components panelini açalım. CoroPicker sahneye alalım.

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.

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



Merhaba.. Photoders sitesi photoshop ve flash derslerin türkçe paylaşımak amaclı kurulmuş web sitesidir. Sitede mevcut dersler tamamen ücretsizdir. Ziyaretciler üye olmadan siteyi gezebilir yararlanabilirler, destek alabilmek sorunlarını iletebilmek için tek yapmaları gereken kısa bir zaman ayırarak ücretsiz üye olmalarıdır.Site içinde eklenmiş derslere yorum ekleyerek verilen emeklere saygı göstermek olduğu unutulmamalıdır.









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.
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