1.-Sobre un nuevo documento creamos una línea fina con un ángulo de 45º y una longitud de, por ejemplo, 100 píxeles.
2.- Seleccionamos la linea y la convertimos en un clip de película. Nombramos la instancia como "linea_mc". Establecemos el punto de registro a la parte superior-izquierda del clip de película. Duplicamos el clip de película y a esta segunda línea le damos el nombre de instancia "linea2_mc"
3.- Creamos un pequeño rectángulo de 20 x 20. Lo convertimos en clip de película y llamamos al símbolo como "manejador_mc". Nos aseguramos que el punto de registro en el centro del clip de película.
4.- Seleccionamos "manejador_mc" y haciendo click con el botón derecho sobre él lo editamos en contexto.
5.- En el fotograma insertamos el siguiente código:
this.onPress = function() {
this.startDrag(false, 20, 20, 380, 280);
this.onMouseMove = function() {
updateAfterEvent();
};
};
this.onRelease = this.onReleaseOutside=function () {
this.stopDrag();
this.onMouseMove = undefined;
};
6.- Regresamos a la línea de tiempo principal y duplicamos el clip de película "manejador_mc" dos veces. Asignamos nombres de instancia a ambas como "manejador1_mc" ,"manejador2_mc" y "manejador3_mc"
7.- En el fotograma damos la siguiente acción:
stop();
_root.manejador1_mc.onEnterFrame = function() {
_root.linea_mc._x = this._x;
_root.linea_mc._y = this._y;
_root.linea_mc._xscale = _root.manejador2_mc._x-this._x;
_root.linea_mc._yscale = _root.manejador2_mc._y-this._y;
};
_root.manejador2_mc.onEnterFrame = function() {
_root.linea2_mc._x = this._x;
_root.linea2_mc._y = this._y;
_root.linea2_mc._xscale = _root.manejador3_mc._x-this._x;
_root.linea2_mc._yscale = _root.manejador3_mc._y-this._y;
};