книги хакеры / журнал хакер / специальные выпуски / Специальный выпуск 25_Optimized

hang

e

C

E

X

-

d

F

t

D

i

r

P

NOW!

o

w Click

to

BUY

m

w

w

x h

o

.

РИСОВАННЫЙ КРЕМЛЬ

.c

p

d

e

f-

g

c an

ïî-

Не спеши размахивать мышкой и гордо вы-

Переделывать растр в вектор

средством Trace Bitmap придумали,

крикивать при этом, что «художник» - твое

второе отчество. Перед непосредственным

по-моему, те самые

долбанутые го-

рисованием надо задать флешке необходи-

мосапиенсы, которым по фигу,

мые габариты. Замечу, что она займет у те-

треугольный :)

бя весь экран и, соответственно, неплохо

круглый квадрат или

было бы сделать ее такого же размера (так

удобнее рисовать) или хотя бы тех же про-

порций.

Начнем с одного из важнейших, на мой

Ну что ж, далее, используя уже готовую

взгляд, элементов дизайна Кремля - звез-

кнопочку звезды, надо нарисовать верхнюю

ды. Не смотря на свое наивысшее положе-

часть сооружения, ограниченную снизу ка-

ние, а, может быть, даже именно благодаря

кой-нибудь горизонтальной линией. Лучше

этому, эта часть сего сооружения наименее

всего остановиться непосредственно на

заметена. Мы это исправим. Звезда будет

крыше, т.е. на зеленом конусе (если ты

занимать чуть ли не ключевую позицию в

взялся рисовать Кремль только с моих слов

нашей флешке.

без какого-то ни было точного его изобра-

Èòàê,

рисование.

жения, то можешь сразу забыть о той тол-

Êàê

известно,

пе народа у твоего монитора, о которой я

кремлевская звез-

тебе говорил в начале, ибо особой точнос-

да красная :). Еще

тью и похожестью на оригинал это творе-

известно,

÷òî

â

ние вряд ли будет отличаться). Сделаем

плане

геометрии

для этого новый символ «C - Roof». В пер-

îíà

пятиконечная

вом кадре мувика рисуй крышу и вставляй

и, надо полагать,

на самый верх нашу кнопочку звезды. Для

íå

плоская.

Õî-

этой кнопочки пиши:

÷åøü

сделать

åå

on (press) {

красивой - порабо-

_root.gotoAndStop(1);

òàé

ñ

градиентом

}

ее заливки и при-

дай ей объем. Сле-

На основной временной шкале действие пе-

дует сделать звез-

ренесется в первый кадр и на нем и остано-

äó

символом гра-

вится. Полученное изображение надо вы-

ôèêè

«G -

Star»,

ровнять так, чтобы центр мувика был точно

т.к. пихать

ìû

åå

в середине нижней стороны треугольника

будем

âî

много

крыши. Первый кадр мувика «C - Roof» ско-

«А кому сейчас

ìåñò.

Учитывая

пируй еще в четыре. Выдели эти последние

легко?!...»

особенности

åå

кадры (без первого!) и соверши над ними

симметрии,

лучше

«Create Motion Tween». В первом и послед-

всего центр симво-

нем из них, используя «Скос» («Skew») пане-

ла разместить в центре самой звезды. Далее

ли Transform, наклони крышу на 10 влево. Во

создай символ кнопки «B - StarButton». В пер-

втором и третьем - на 10 вправо. Используй

вый, третий и четвертый кадры засовывай

первый вариант скоса - тот, что скашивает

свой красный пятиконечный шедевр, а для

по горизонтали. Для скоса влево надо ввес-

второго мы немного над звездой поглумимся.

ти отрицательное значение степени скоса.

Как ты помнишь, красиво выглядит, когда

Когда вдоволь поиздеваешься над бедной

кнопка при наведении мышки каким-либо об-

крышей, обрати внимание на то, что центр

разом становится активной. Клоню к тому,

мувика получился не там, где нам это надо,

что надо создать еще небольшой мувик («C -

т.е. не в середине нижней стороны. Исправь

StarMove») для этого состояния кнопки и за-

это. Точнее всего это можно сделать при за-

сунуть его в ее второй кадр. Так вот в этом

дании конкретных координат в той самой па-

«C - StarMove» делай пять одинаковых клю-

нели Transform. После выравнивания раз-

чевых кадров, в которых графический сим-

двинь ключевые кадры с перекошенной кры-

вол звезды стоит ровно по центру. Выделяй

шей так, чтобы второй из них оказался вось-

эти кадры, дави на них правой кнопкой мыши

мым, третий - девятым, четвертый - пятнад-

и в выпавшем меню выбирай «Create Motion

цатым. Теперь добавляй слой для

Tween». Во втором кадре выдели символ пя-

ActionScript и в нем в первом, восьмом и пят-

тиконечной и поверни его на девяносто гра-

надцатом кадрах вставляй stop(). Получи-

дусов (если ты не в курсе, для этого удобнее

лось так, что мувик останавливается у нас

всего использовать панель Transform). В тре-

на трех ключевых положениях крыши: пря-

тьем его же поверни на сто восемьдесят гра-

мо, наклонена вправо и наклонена влево.

дусов. В четвертом - на двести семьдесят. В

Глотни пивка, парень, и сосредоточься :).

пятом - ни хрена со звездой не делай. По-

Это была лишь затравка. Основная часть

ставь для пятого кадра: «gotoAndPlay(1)».

рисования впереди. Надо создать символ

Раздвинь эти кадры по временной шкале так,

клипа «C - Kremlin» и дорисовать в нем баш-

чтобы между ними были равные промежутки.

ню (ну и все к ней прилагающееся). Самое

Теперь посмотри и осознай, что ты сделал. В

главное в ней для нас - это ее будильник,

этом мувике, а, следовательно, в кнопке «B -

т.е. куранты. Но не упирайся на этом, т.к.

StarButton» при наведении на нее мыши, твоя

народ, мне кажется, не особо оценит Рабо-

звезда теперь будет вечно крутиться.

чий стол с одними часами, пусть даже не

простыми, а кремлевского образца. Посему

предлагаю изобразить Спасскую башню в

ýòî

полный рост в полную ширь и на весь экран.

Если ты рисуешь сам, то делай

В этом случае, при условии, что у тебя и

хотя бы с фотки или какой-нибудь

твоих ээмм... посетителей зрение не как у

крота, а твой монитор в рабочем состоянии,

открытки с Кремлем. Спасская баш-

все прекрасно насладятся видом вполне ре-

ня, укомплектованная курантами,

алистичных часиков aka курантов.

там присутствует обязательно.

Кстати, именно в этот момент от тебя по-

требуется уж если не максимум, то просто

много усилий. Напрягись и нарисуй Кремль,

hang

e

C

E

X

-

d

F

t

D

i

r

P

NOW!

o

BUY

to

w Click

m

w

w

o

.

.c

p

g

df

n

e

-x cha

(9);

«Куранты»

}

}

Задай клипу целого Кремля, расположенно-

му на главной сцене, имя «kremlin», а клипу

резки линий в качестве ограничителей это-

его крыши, как это очевидно - «roof». Собы-

го расстояния.

тие клипа «mouseMove», если ты не знал,

Стрелки часов делай так, чтобы центр кли-

срабатывает при любом движении мыши

па стрелки был в месте оси их вращения, а

(независимо от того, находится ли в данный

тот конец, который именно указывает, был

момент мышкин курсор над клипом или

направлен вверх. Если ты меня поймешь

нет). Теперь, когда курсор мыши находится

правильно и все сделаешь, как надо, то при

по правую половину твоей флешки, крыша

размещении всех трех стрелок в центре ци-

башни наклонена вправо. Как только курсор

ферблата, часы покажут ровно двенадцать

переходит на левую половину, крыша плав-

часов. Задай для клипов стрелок такие име-

но переходит туда же. Ну и обратно, соот-

на: секундная стрелка (клип «C - ArrowS») -

ветственно, тем же путем и в той же позе.

«ars»; минутная (клип «C - ArrowM») - «arm»;

Можно сделать крышу составленной из не-

часовая (клип «C - ArrowH») - «arh».

скольких элементов, анимированных каж-

Теперь звук. Нам нужен клич курантов в

дый по-своему. Это при значительном изме-

«круглые моменты», т.е. то, что ты услы-

нении и, несомненно, увеличении кода для

шишь ровно в час, два и т.п., стоя круглосу-

мувика крыши и его отдельных кадров мо-

точно на Красной площади - повторяющий-

жет дать впечатляющие эффекты...

ся N раз звук типа «большой колокол». Со-

ветую не заморачиваться с поисками его в

РИСОВАННОЕ ВРЕМЯ

интернете (геморрой поимеешь размером с

монитор :)), а просто взять да и записать

его с постороннего прибора во время заста-

Помнишь наши пустые куранты? Пришло их

вок новостей, окончаний/ начал передач и

время. Сделай в «C - Clock» четыре слоя.

т.п. Потери в качестве с лихвой компенси-

Зеленый круг фона вместе с цифрами поме-

руются выигрышем во времени, финансах

щай на самый нижний слой, назови его в

(при условии платного инета) и в плане здо-

честь этого - «Fon». Верхние три слоя будут

ровья нервов :). Полученный звук (например

у нас для стрелок (сверху вниз: «ArrowS» -

«bum.wav») импортируем во Flash. После

для секундной стрелки; «ArrowM» - для ми-

импорта ищи его в библиотеке и жми на нем

нутной; «ArrowH» - для часовой). В принци-

правой кнопкой мыши. В выпавшем меню

пе, можно в любой флешке все запихнуть в

выбирай «Связывание» («Linkage»). В от-

один слой, главное - имена для клипов за-

крывшемся окошке «Свойства звука» ставь

дать корректно. Но меня, например, очень

имя «bum.wav». Именно под этим именем

сильно напрягает ситуация, когда так полу-

данный звук теперь будет как бы экспорти-

чается,

÷òî

îäèí

роваться в ActionScript.

символ почти полно-

Заходи в редактирование клипа кремля и

ñòüþ

скрыт другим

для мувика часов вставляй код:

и, следовательно,

трудно

выделяем.

onClipEvent (enterFrame) {

Да и вообще, любая

time = new Date();

неразбериха и пута-

hours = time.getHours();

íèöà

среди симво-

if (hours >= 12) {

лов и групп симво-

hours -= 12;

ëîâ

практически

}

сводится на нет, при

if (hours == 0) {

условии расположе-

hours = 12;

ния каждой отдель-

}

íîé

функциональ-

minutes = time.getMinutes();

ной единицы на от-

seconds = time.getSeconds();

дельном

ñëîå

(îñî-

ars._rotation = seconds*6;

бенно, если эти слои

arm._rotation = minutes*6;

названы

соответст-

arh._rotation = hours*30+min-

венно).

utes*0.5+180;

У тебя могут по-

if ((minutes == 0) and (seconds ==

явиться трудности с

0)and(_root._currentframe>=19)) {

размещением

öèôð

ding.start(0, hours);

по кругу на одинако-

}

âîì

расстоянии от

центра. Лучше все-

го использовать от-