Смещение фона во флеш игре вместо персонажа. Скроллинг фона игры

Понятие скроллинг в флеш игре подразумевает под собой смещение фона во время игры, при этом персонаж остается неподвижным. Рассмотрим самый простой способ.
В первом слайде сам персонаж, фон, графика и все остальное должно быть внутри клипа. С таким клипом можно выполнять любые действия, изменять масштаб или копировать в другой fla-файл — игра не перестанет работать.

На первом слайде показан пример управления персонажем по сцене. На втором слайде показан пример смещения фона вместо персонажа.

— управление.
Попробуйте попрыгать с пальмы-на-пальму.

Основной принцип, который будем использовать при скроллинге: если персонаж смещается в сторону, то клип с игорой смещаем на такое же расстояние, но обратную сторону.

Это основа перемещения фона во флеш играх. В коде игры, после перемещения клипа hero, необходимо дописать следующие строки:

//смещение фона вместо персонажа
_x = -(hero._x - 257);
_y = -(hero._y - 122);

257 и 122 – цифры означают половину ширины и высоты флеш игры, при таких параметрах флеш персонаж будет оставаться в центре.
Такой вариант можно использовать для готовой флеш игры.
Если вам необходимо чтобы фон не прокручивался дальше предела уровней, нужно определить границы для клипа. Делается это таким образом: переместите клип в максимальное положение и посмотрите координаты в панели. Вот итоговый код, с подстановкой значений:

//конечное положение слева
var x0 = 39;
//конечное положение справа
var x9 = -145;
//конечное положение потолка
var y0 = 10;
//конечное положение пола
var y9 = -130;
_x = -(hero._x - 257);
_y = -(hero._y - 122);
//проверяем чтобы клип game не выходил за ограничения
_x = (_x > x0)? x0 : (_x < x9)? x9 : _x;
_y = (_y > y0)? y0 : (_y < y9)? y9 : _y;

Если вы хотите сделать игру более оригинальной, можно использовать камеру слежения за флеш персонажем ( давайте назовем клип с камерой просто camera). Тогда границы будут немного другие, с камерой вы можете использовать масштабирование.

camera._xscale = camera._yscale = Math.max(122, 122 + (1 - hero._y / 250) * 28);
var x0 = -39 + camera._width / 2;
var x9 = 697 - camera._width / 2;
var y0 = -9 + camera._height / 2;
var y9 = 329 - camera._height / 2;
camera._x = hero._x;
camera._y = hero._y;
camera._x = (camera._x < x0)? x0 : (camera._x > x9)? x9 : camera._x;
camera._y = (camera._y < y0)? y0 : (camera._y > y9)? y9 : camera._y;