Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Web-дизайн 1 часть / Литература / ActionScript 2.0. Программирование во Flash MX 2004.pdf
Скачиваний:
354
Добавлен:
26.03.2015
Размер:
8.81 Mб
Скачать

Рис. 16.4. Масштабирование в режиме «noScale»:

а— вид по умолчанию; b — вид фильма после увеличения размера окна плеера;

с— вид фильма после уменьшения окна плеера

Если публикация HTML-страницы осуществляется из Flash, то, чтобы задать режим масштабирования, обратитесь к меню Scale закладки HTML окна Publish Settings. Размер области фильма можно определить там же, задействовав команду Pixels (абсолютный размер в пикселях) или Percent (относительный размер в процентах от стандартного) меню Dimensions. Очевидно, что, для того чтобы выбранный режим масштабирования проявил себя, размер области отображения должен отличаться от стандартного размера фильма.

До Flash MX различные режимы масштабирования можно было использовать только в случае фильмов, опубликованных на HTML-странице. Фильмы же, открытые плейером или браузером напрямую, применяли режим по умолчанию «showAll». Это было довольно неудобно в тех случаях, когда часть объектов фильма могла располагаться за пределами стандартной области. При этом изменение размеров окна плейера или браузера могло привести к их появлению на экране. Поэтому большим прорывом стало появление во Flash MX свойства scaleMode объекта Stage, которое дает возможность динамически задавать режим масштабирования.

Свойство scaleMode может принимать четыре значения, которые по написанию совпадают со значениями параметра (атрибута) scale тегов <Object> и <Embed>: «showAll» (величина, принятая по умолчанию), «noBorder», «exactFit», «noScale». Например, чтобы сделать фильм немасштабируемым, нужно набрать

Stage.scaleMode="noScale";

Переопределение свойства scaleMode сопровождается мгновенным переходом к новому режиму масштабирования. То есть в отличие от использования параметра (атрибута) scale тегов <Object> и <Embed>, свойство scaleMode дает возможность переходить от одного режима масштабирования к другому сколько угодно раз за время проигрывания фильма.

Если фильм опубликован на HTML-странице, то изначально режим масштабирования будет определяться значением параметра scale. Однако возможность использования свойства scaleMode при этом сохраняется, так что при необходимости к новому режиму можно перейти динамически в любой момент.

16.2.3. Типы выравнивания

Если используется режим масштабирования «showAll», то при изменении соотношения длин сторон окна плейера отображается область фильма, прилежащая к визуализируемой по умолчанию его части.

Представим, что окно было растянуто по горизонтали. Где будет отображена буферная зона? Ее с одинаковым успехом можно визуализировать слева, справа или сразу с обеих сторон основной области. Еще больше вариантов появляется, если окно плейера увеличивается при использовании режима масштабирования «noScale». При этом имеется девять вполне приемлемых вариантов того, в какой части окна плейера могла бы разместиться отображаемая по умолчанию область фильма. Столько же вариантов существует для обрезки фильма при уменьшении окна плейера.

Очевидно, что должна существовать характеристика, исходя из которой определялось бы, что именно должно отображаться в окне плейера после изменения его размеров. Несложно догадаться, что для устранения описанной выше неоднозначности нужно выделить в фильме некоторую точку и сделать ее неподвижной относительно границ окна плейера (т. е. выбрать точку симметрии).

Так как пропорции фильма сохраняются, то относительно неподвижной точки довольно просто рассчитать, какие объекты войдут в пределы окна плейера, а какие — нет. Например, если мы сде-

лаем неподвижной точку центра стандартной области фильма, то она будет отображаться в центре окна плейера независимо от того, как мы изменим его размеры. Следовательно, левую границу отображаемой части фильма можно определить, отняв от координаты центра фильма половину ширины окна плейера. Аналогичным образом можно вычислить положение остальных границ.

В принципе, точкой симметрии может быть любая точка фильма. Однако на практике количество потенциальных точек симметрии приемлемо ограничить девятью (четыре угла стандартно!! области фильма, четыре середины ее границ и точка центра). Возможность задавать, какая из этих точек будет использоваться в качестве опорной, появилась еще в первых версиях Flash. Правда, тогда эта возможность была доступна только для фильмов, опубликованных на HTML-странице. Ее носителем является параметр salign, прописываемый в теге <Object> (для тега <Embed> имеется одноименный атрибут). В качестве значения он может принимать указатель на одну из восьми точек, расположенных на границе стандартной области фильма.

То, какое значение соответствует какой точке, показано на рис. 16.5. Если параметр salign не определен, то в качестве точки симметрии используется точка центра фильма.

“T”

“LT” “RT”

“L” “R”

“LB”

“B”

“RB”

 

 

Рис. 16.5. Точки, которые могут быть использованы в качестве опорных при масштабировании фильма

Если публикация HTM L-документа осуществляется из Flash, то выбрать подходящий режим вы-

равнивания можно в меню Flash Alignment закладки HTML окна Publish Settings.

Задание типа выравнивания при помощи параметра salign может быть использовано далеко не всегда. Во-первых, фильм может быть открыт браузером или плейером напрямую. Во-вторых, может понадобиться изменить тип выравнивания динамически. В этом случае нужно использовать свойство align объекта Stage, которое было введено в ActionScript во Flash MX.

Набор потенциальных значений у свойства Stage.align такой же, как у параметра salign (см. рис. 16,5). Их совсем несложно запомнить, если знать, что по-английски «верхний» — это top, «нижний» — bottom, «правый» — right, «левый» — left. Например, чтобы сделать опорной точкой правый нижний угол стандартной области фильма, нужно набрать

Stage.align="RB";

По умолчанию в качестве точки симметрии используется центр стандартной области фильма. Однако значения, которое бы соответствовало этой точке, у свойства align нет. Любая строка, отличная от «имен» остальных восьми точек, будет воспринята, как указатель на точку центра (именно поэтому изначально значением свойства align является пустая строка). Однако для определенности можно считать, что «именем» точки центра является «С» (от англ. center — центральный).

То, что мы увидим в результате масштабирования в окне плейера, очень сильно зависит от используемого типа выравнивания. На рис. 16.6 показано, как будет выглядеть фильм при масштабировании в режиме «noScale» с применением каждой опорной точки из девяти потенциально возможных.

Если фильм публикуется на HTML-странице, то тип выравнивания, используемый в фильме, будет зависеть от значения параметра salign тега <Object> (или соответствующего атрибута тега <Embed>). Однако при этом свойство Stage.align сохраняет работоспособность, поэтому тип выравнивания можно с легкостью изменить динамически.

Рис. 16.6. Возможные типы выравнивания

16.2.4. Определение размеров фильма и величины окна плейера

Стандартные размеры фильма определяются размерами рабочего поля среды разработки. По умолчанию оно представляет собой прямоугольник размером 550x400 пикселей. Изменить величину его сторон можно в окне Document Properties, открываемом кнопкой Size Инспектора Свойств. Ограничений на размеры сторон рабочего поля не существует.

Та часть фильма, которая входила при публикации в пределы рабочего поля, будет полностью отображаться тогда, когда размеры окна плейера будут совпадать со стандартными размерами фильма. Данный, казалось бы, частный случай наблюдается гораздо чаще остальных. Это связано как с тем, что при открытии фильма напрямую плейером окно последнего масштабируется под стандартные размеры фильма, так и с тем, что на HTML-странице SWF-фильм обычно публикуется исходя из своих стандартных размеров.

Однако важно понимать, что никакой жесткой привязки размеров окна плейера к размерам фильма нет. При таких режимах масштабирования, как «showAll» и «noScale» растяжение или сжатие окна плейера может привести к тому, что будут показаны области фильма, не входящие в зону, ограниченную его стандартными размерами. Наоборот, если используются режимы масштабирования «noBorder» и «noScale», то изменение размеров окна плейера может вызвать обрезку приграничных частей фильма, относящихся к отображаемой по умолчанию области.

Стандартные размеры фильма — это одна из его фундаментальных характеристик. Именно поэтому данные о них хранятся в заголовке SWF-файла. Невозможно динамически изменить стандартные размеры фильма. И до выхода Flash MX их нельзя было даже прочитать. Только в предпо-

следней версии Flash появились свойства width и height объекта Stage, позволяющие решать эту задачу.

Свойство Stage.width возвращает стандартную ширину, а Stage.height, соответственно, — стандартную высоту фильма в пикселях. Эти значения постоянные и не зависят от реальных размеров области фильма. Дело в том, что при изменении размеров окна плейера меняется масштаб фильма. Координаты же каждой точки фильма в абсолютном выражении остаются одними и теми же. Просто меняется расстояние, соответствующее единице измерения. Поэтому, например, стандартная ширина фильма, принятая по умолчанию, всегда будет равна 550 пикселей, даже если реально между левой и правой границами стандартной области фильма имеется всего 10 пикселей.

Если в плейере проигрывается несколько фильмов, то свойства Stage.width и Stage.height возвращают стандартные размеры фильма, располагающегося на нулевом уровне. Это связано с тем, что именно исходя из них задаются размеры окна плейера, принятые по умолчанию.

Свойства width и height объекта Stage обычно используются, если движение объекта должно происходить в пределах границ стандартной области фильма (или если нужно зарегистрировать пересечение объектом границы этой области). Мы с данными свойствами уже работали, когда создавали событие, возникающее при выходе указателя мыши за пределы фильма. Тогда нам нужно было нарисовать прозрачный прямоугольник, совпадающий с видимой областью фильма. Его ширина и высота определялись при помощи рассматриваемых свойств.

Сейчас же в качестве примера использования свойств width и height приведем код, управляющий движением упругого шарика. Когда этот шарик будет достигать границы стандартной области фильма, он будет от нее отражаться, как от жесткого препятствия.

//Создайте клип в виде шарика и назовите его ball

//Значение скорости вдоль каждой оси определяем случайным образом var xSpeed:Number=5*Math.random(); // Скорость вдоль оси X

var ySpeed:Number=5*Math.random(); // Скорость вдоль оси Y this.onEnterFrame=function():Void {

//Проверяем, достиг ли шарик границы по горизонтали. Если да, то изменяем

//направление скорости на противоположное

if (ball._x-ball._width/2<0 || ball._x+ball._width/2>Stage.width) { xSpeed*=-1;

}

//То же, но для границ по вертикали

if (ball._y-ball._height/2<0 || ball._y+ball._height/2>Stage.height) { ySpeed*=-1;

}

//Смещаем шарик на шаг ball._x+=xSpeed, ball._y+=ySpeed;

};

Созданный код работает весьма неплохо, но только до тех пор, пока размеры окна плейера не будут изменены. Если же в результате сжатия или растяжения окна начнет отображаться приграничная область (что возможно в режиме масштабирования «showAll»), то получится, что шарик отпрыгивает от пустоты.

Наоборот, если изменение размеров окна происходит в режиме масштабирования «noBorder», то часть стандартной области фильма окажется скрытой. В итоге шарик будет уходить за пределы видимой части фильма, что уничтожит сам смысл эффекта. Нельзя ли как-то определять реальные размеры отображаемой области? При этом совсем несложно было бы сделать эффект, не зависящим от размеров окна плейера.

Чтобы определить размеры окна плейера, предварительно нужно решить, какие единицы измерения будут использоваться. Это могут быть реальные пиксели экрана или же масштабированные пиксели, характерные для системы координат отображаемого фильма. В любом случае возникнут довольно существенные сложности с пересчетом одних координат в другие. Из-за этих сложно-

стей размеры окна плейера стоит определять лишь тогда, когда пиксели системы координат фильма будут совпадать с пикселями экрана. А это условие всегда соблюдается лишь в том случае, если используется режим масштабирования «noScale».

В режиме масштабирования «noScale» свойства width и height объекта Stage хранят ширину и высоту окна плейера в пикселях. В остальных же режимах масштабирования, как вы помните, данные свойства служат для определения стандартных размеров фильма. Это очень важная для практики особенность, которую нужно постараться запомнить.

Зная, при каких условиях мы можем определить размеры окна плейера, перепишем код эффекта так, чтобы шарик отпрыгивал от границ всегда. Это несложно сделать при любом типе выравнивания фильма. Мы будем создавать алгоритм, считая, что применяется выравнивание по центру (оно используется по умолчанию). Нетрудно догадаться, что при этом границы будут удалены от центра фильма на расстояния, равные половине ширины и высоты окна плейера.

Таким образом, чтобы узнать, достигли шарик данной границы, нужно сопоставить его координату с суммой (или разностью, в зависимости от того, какая это граница) соответствующей координаты центра фильма и половины ширины (высоты) окна плейера. Единственная сложность в том, как узнать координаты центра фильма, если в режиме масштабирования «noScale» свойства width и height объекта Stage возвращают ширину и высоту окна плейера, а не стандартные размеры фильма.

Решение данной проблемы очень простое. М ы можем определить ширину и высоту фильма в режиме масштабирования «showAll», записать полученные данные в переменные и лишь затем перейти к необходимому режиму «noScale».

Описанные выше идеи материализуются следующим кодом:

var mov_width:Number=Stage.width;

// Ширина и высота фильма

var mov_height:Number=Stage.height;

// Переходим в нужный режим масштабирования

Stage.scaleMode="noScale";

var xSpeed:Number=5*Math.random();

// Скорости по осям X и Y

var ySpeed:Number=5*Math.random();

 

this.onEnterFrame=function() {

 

// Проверяем, не пересечены ли правая и левая границы

if (ball._x-ball._width/2<mov_width/2-Stage.width/2 || ball._x+ball._width/2>mov_width/2+Stage.width/2) {

xSpeed*=-l;

}

// Проверяем, есть ли пересечение с верхней и нижней границами if (ball._y-ball._height/2<mov_height/2-Stage.height/2 ||

ball._y+ball._height/2>mov_beight/2+Stage.height/2) { ySpeed*=-1;

}

// Смещаем шарик ball._x+=xSpeed, ball._y+=ySpeed;

};

Созданный код работает вполне удовлетворительно. Независимо от того, как вы растянете или уменьшите окно плейера, шарик все равно будет отпрыгивать от его границ. Правда, сбой возникает, если в результате смешения границы окна шарик оказывается за пределами отображаемой части фильма. При этом он никогда в границы окна не вернется (так как его движение просто прекратится). Как можно справиться с этим недостатком эффекта, мы покажем чуть ниже, когда разберем событие onResize.

Можно ли изменить размеры окна плейера не «вручную», а динамически, при помощи ActionScript? Увы, напрямую это сделать невозможно. Однако используя побочные эффекты некоторых операций — вполне.

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

Соседние файлы в папке Литература