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

Произволен бакграунд за вашия флаш сайт - Flash

Произволен бакграунд за вашия флаш сайт - Flash




В този урок ще Ви покажа как можете много лесно да направите флаш сайт, който произволно избира картинката за бакграунда при всяко зареждане. За по лесно в урока съм използвал различни цветове вместо картинки тъй като аз не разбирам много от фотошоп и не ми се играе да търся /обравотвам/ импортвам картинки във флаш Но от гледна точка на флаш няма никаква разлика дали това са картинки или просто квадратчета с различни цветове :)

Ето го и урока:

Стъпка 1) Създайте нов флаш документ .

Стъпка 2) Създайте нов символ - Insert --> New Symbol (Ctrl + F8) задайте тип Movie Clip и го кръстете back_mc



Стъпка 3) Отидете в Library - ако е скрито - Ctrl + L - ще се появи в ляво. Там трябва да е единствено вашия символ. Десен бутон в/у него и от менюто изберете Edit.

Стъпка 4) Приемаме че искаме да имаме 5 различни бакграунда - разбира се може и повече , но за момента нека да са 5. В таймлайна на обекта има вече един празен кадър - създайте още 4 - F6 или десен бутон Insert blanc keyfreame. На всеки от тези кадри сложете по една картинка за бакграунд или пък направете едно правоъгълниче с различен цвят. Важно: внимавайте каде слагате картинката спрямо центъра на обекта. Центъра трябва да е на едно и също място за всички картинки. Най лесно - в горния ляв ъгъл. Самия център е отбелязан с едно + ей такова и лесно може да подравните картинките по него. След като сте приключили тук върнете се на Scene 1



Стъпка 5) Направете си отделен Layer за бакграунда и го сложете най - отдолу. В/у този слой поставете вече създадения обект от библиотеката - drag'n'drop е най лесния начин. В пропертис на обекта сложете instance name на back_mc.



Стъпка 6) Създайте си Layer за Actions и го кръстете Actions. На първия кадър сложете следния код :

Код
var back:Number = random(5) + 1
_root.back_mc.gotoAndStop(back);

Първия ред от кода създава нова променлива back от тип Number и и присвоява произволна стойност от 1 до 5 - защото имаме 5 различни бакграунда - ако бяха 20 щеше да е random(20) + 1 - причината за това + 1 е че random (число) ни дава прозиволно число от 0 до това число без да го включва т.е. random(5) може да даде 0 1 2 3 и 4, но не и 5 като прибавим обаче 1 след това се получават точно това което ни трябва :)
с втория ред казваме на филмчето с инстансе back_mc , което се намира на _root да отиде на кадър с номер това произволно число и да спре там.

Тъй като този код се изпълнява всеки път когато този кадър бъде "прочетен" всеки път, който някой зареди страницата или даде рефреш бакграунда ще е произволен от тез Х на брой коите сте избрали.



П.С. В моя пример съм сложил един бутон който изпълнява абсолютно същия код за да можете да видите резултата без да ви се налага да рефрешвате


Надявам се урокът да ви е бил полезен

Автор : Shadoweaver


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




Урокът е добавен от: Красимир!

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

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