Урок по сохранению данных в Cookies.
|
|
Перед Вами флешка с семью кнопками разного цвета. Выбрав какой-либо цвет, и щелкнув по соответствуюшей кнопке, фон флешки примет именно этот цвет. И даже больше: этот цвет запомнится, и при следующем открытии будет отображаться тот фон, который был выбран последним. В сегодняшнем уроке мы разберём как и за счет чего это достигается.
Шаг 1
Открываем новый документ, и устанавливаем его размеры: 425 пикселей – ширина и 150 пикселей – высота. Частоту кадров примем равной 30, и цвет фона – белый. В принципе здесь не имеет значения какого размера будет документ. Вы можете задать и свои размеры, но тогда Вам придется самостоятельно пересчитать размеры кнопок и расстояний между ними. Думаю для тех, кто дружит с геометрией это не составит большого труда.
Шаг 2
Создадим графический символ (нажимаем Ctrl + F8), и в открывшемяся диалоговом окне выбираем Graphics:
В окне редактирования символа выбираем инструмент Restangle (R), и на панели Shape устанавливаем цвет заливки белый, цвет контура – черный толщиной в 2 пикселя (можно на Ваше усмотрение). Смотри рисунок ниже:
Шаг 3
Еще раз нажимаем Ctrl + F8, но в этот раз выбираем Movie Clip. Перемешаем в окне редактирования символа из библиотеки (захватить с зажатой левой кнопкой мыши) созданный нами в предыдущем шаге графический символ и на панели Transform центрируем его, как это показано на рисунке ниже.
Шаг 4
Перемещаемся в основную сцену, и добавляем на временной шкале к имеющемуся первому слою еще десять слоев. В первый кадр первого слоя помещаем созданный в шаге 3 мувиклип, и центрируем его так же, как описано в предыдущем шаге. Присваиваем ему имя «bg»
Шаг 5
Во втором и третьем слое располагаем статический текст, примерно такого содержания как Вы видите во флешке в самом верху страницы. Подробно на этом останавливаться не буду. Думаю раз Вы читаете этот урок - о работе с инструментом «Текст» Вы уже имеете представление. В самом верхнем, одинадцатом слое мы напишем необходимый код, а в остальных семи слоях мы разместим наши семь кнопок разного цвета. О том как это сделать - в следующих шагах.
Шаг 6
Еще раз нажимаем Ctrl + F8 и создаем графический символ, как это описано в шаге 2. Только на этот раз зададим цвет заливки черным, без контура, и размеры его примерно 30 на 30 пикселей.
Шаг 7
Теперь из этого созданного нами графического символа мы будем делать разноцветные кнопки.
Еще раз нажимаем Ctrl + F8, но на этот раз в окне выбираем Button. Смотри как на рисунке:
В открывшемся окне редактирования кнопки помещаем в первый кадр созданный нами в предыдущем шаге графический символ.
И последовательно нажимаем в кадрах Over, Down и Hit клавишу F6.
То есть все четыре кадра будут одинаковыми.
Шаг 8
Снова возвращаемся в основную сцену, выделяем на временной шкале первый кадр четвертого слоя и помещаем в него созданную в шаге 7 кнопку. Присваиваем ей имя But1
В следующих шагах повторяем описанное выше. Только кнопку каждый раз помещаем в новый слой, и присваиваем ей новое имя: But1, But2, …… But7. Смещаем кнопки вправо друг относительно друга на 60 пикселей.
Для удобства и лучшего ориентирования я переименовал слои с кнопками соответственно цвету кнопок. А цвет для кнопок мы будем устанавливать так:
Выделим на рабочем холсте первую кнопку слева и перейдем на панель Transform. В поле Color transform установим такой параметр:
Вот как это будет выглядеть для всех скми кнопок:
И наконец последнее. Выделяем первый кадр на самом верхнем слое (можно переименовать его в Action Layer), м вставляем такой код:
|
function setcolor(color) |
Примечание:
В коде можно использовать обозначения цветов как в десятичном виде, так м в шестнадцатеричном.
И несколько пояснений к коду в виде таблицы:
код |
пояснения |
|
|
var so = SharedObject.getLocal("setbgcolor"); |
Выбираем Local shared object |
Shared Objects используется чтобы запомнить данные даже после того как пользователь закрыл Flash Player. Это просто использование браузерных куков (cookies). |
|
setcolor(16711680); |
|