×
image for ux jobs category in dev.bg

Преглед на урок

Палитра за избор на цвят

Палитра за избор на цвят




Като за начало - изгответе си картинка като тази:



Или ползвайте нея!

*кода работи с всяка картинка на палитра, може да използвате каквато и да е*

Вмъкнете картинката във файла си CTRL+R и отворете библиотеката CTRL+L. С десен бутон изберете позицията в библиотеката и после Linkage. От появилият се прозорец изберете Export for Action Script и за Identifier слагате colors




След което направете правоъгълник (без Stroke Color) с който цвят си пожелаете. Поставете го под палитрата, конвертирайте го до Movie Clip (F8) и му сложете Instance Name - userColor




До него очертайте текстово поле Dynamic Text с Instance Name colorTxt

На втори слой поставете следния скрипт:

Код
import flash.display.BitmapData;
colorBitmap = BitmapData.loadBitmap("colors");
_root.createEmptyMovieClip("image", 5);
image.attachBitmap(colorBitmap, 5);
image.useHandCursor = false;
mcColor = new Color(userColor);
_root.onEnterFrame = function() {
	if (colorBitmap.getPixel(_xmouse, _ymouse) != 0) {
		mcColor.setRGB("0x" + colorBitmap.getPixel(_xmouse, _ymouse).toString(16));
	}
}

image.onRelease = function() {
	color = colorBitmap.getPixel(_xmouse, _ymouse).toString(16).toUpperCase();
	_root.colorTxt.text = "#" + color;
	mcColor.setRGB("0x" + color);
}
image.onRollOut = function() {
	mcColor.setRGB("0x" + color);
}

Сега кликнете върху палитрата (картинката) и я изтрийте. На сцената да останат само текстовото поле и правоъгълника.

CTRL+ENTER & Enjoy

*СЪВЕТ* Така изготвения файл, може да комбинирате в 1 Movie Clip и да го ползвате в сайта си, за да разнообразявате фона, менютата и т.н.
Друго приложение: Ако решите да правите нещо, от тук може да си харесвате цветове и да използвате шестайсетичния им код!
Превел: AxllRose
Източник: WebZo

Автор AxllRose

Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.




Урокът е добавен от: AxllRose

Коментари

kanturo

много лесен и полезен урок. Мисля че стана добре
http://prikachi.com/flash.php?flash/files/878106s.swf

TnT_123

Браво за урока много е полезен !!!

luchko6

ще ми кажете ли как да направя игра за оцветяване тарся навсякаде в интернет но няма :(

Добави коментар

Трябва да сте регистиран потребител за може да оставяте коментари! Направете своята безплатна регистрация още сега.