scale и drag. Увеличение изо с помощью ползунка

[св.demien]

Всем привет. Помогите разобраться. Интересует следующее http://www.fotomaps.net/demo/
(Закройте окно, и наверху есть ползунок...)
Каким образом это все происходит, я написал что смог, вот

if (mov_btn._x>90) {
pic._xscale+=3;
pic._yscale+=3;
}
if (mov_btn._x<70) {
pic._xscale-=3;
pic._yscale-=3;

}//То есть ползунку(mov_btn) указаны определенные координаты, и только потом выполняется эффект приближения/уменьшения.

Ползунок у меня кнопка в клипе, на кнопку написал следующее
on (press) {
startDrag("", false, 37, 348, 129, 348);
}
on (release, releaseOutside) {
stopDrag();
_x=80;
}//Здесь претензий не имею

Это все не правильно, конечно. Как сделать увеличение/уменьшение без указание координат ползунку, а так как в примере? Зараннее благодарю.

[samana]

Давай что бы научится писать код в кадрах попробуй следующее:
Новая сцена:

1)Создай слайдер. Это мувиклип (можно без графики)(sliderHolder) в котором ещё один мувиклип ввиде ползунка (slider). slider ровно по центру (_x=0,_y=0)

На главной сцене в кадре


sliderHolder.slider.onPress = function() {
startDrag(this, false, 100, 0, 0, 0);

};
sliderHolder.slider.onRelease = sliderHolder.slider.onReleaseOutside = function () {
stopDrag();

};

2)Создание карты. Это опять мувиклип (пустой)(mapHolder) в нем сама карта (мувиклип map). Точки трансформации обеих клипов по середине. Двигать будем клип map, а увеличивать его родителя mapHolder, что бы при увеличении карта не сдвигалась в бока и приближалась всегда к середине экрана. Когда перетащишь из библиотеки mapHolder, но отцентрируй по середине, а вложенную в него карту (map), отмаштабируй (уменьши) примерно до размеров флешки.
Добавь код:
// Это тоже самое перетаскивание
mapHolder.map.onPress = function() {
startDrag(this);
};

mapHolder.map.onRelease = mapHolder.map.onReleaseOutside = function () {
stopDrag();
};
3) Дальше увеличение карты... Будем увеличивать mapHolder. Изначало его _xscale и
_yscale равны 100. К этому значению будем добавлять значение slider._x. Ведь "_х" слайдера изменяется от 0 до 100.
Для этого пишем функцию...
function scaleMap() {
mapHolder._xscale = mapHolder._yscale = 100 + sliderHolder.slider._x * 10;
}
Теперь надо чтобы эта функция срабатывала только когда слайдер двигается. Для этого создаем интервал для этой функции когда нажали на слайдер, и отчищаем интервал когда отпустили.
Добавь к коду из пункта 1 строки, что бы было так:
sliderHolder.slider.onPress = function() {
startDrag(this, false, 100, 0, 0, 0);
var int_scaleMap = setInterval(scaleMap, 50);//запуск интервала каждые 50 мсек
};

sliderHolder.slider.onRelease = sliderHolder.slider.onReleaseOutside = function () {
stopDrag();
clearInterval(int_scaleMap);// остановка интервала
};

[св.demien]

Благодарствую :) От души!

[samana]

Спасибо!

[св.demien]

samana, setInterval(scaleMap, 50);
Я так понял интервал поставлен для создания зацикливания ?
И можешь объяснить по поводу карты, мувик в мувике. Почему если будет один мувиклип он будет сдвигаться в бока?

[samana]

Я так понял интервал поставлен для создания зацикливания ?
Да, функция scaleMap срабатывает каждые 50 мсек.

И можешь объяснить по поводу карты, мувик в мувике. Почему если будет один мувиклип он будет сдвигаться в бока?
Будет двигаться в бок, потому что его точка трансформации остаётся на месте, и увеличение происходит относительно этой точки. А так как мы увеличиваем его родителя, точка трансформации которого всегда по середине экрана, то область видимая в данные момент на карте будет именно приближаться без сдвига. Ты может изменить строку
function scaleMap() {
mapHolder._xscale = mapHolder._yscale = 100 + sliderHolder.slider._x * 10;
}
на
function scaleMap() {
mapHolder.map._xscale = mapHolder.map._yscale = 100 + sliderHolder.slider._x * 10;
}
и увидишь что я имею ввиду.