[STUFF] AS3 DynamicDrag - weiches Draggen von Sprites

[Vampire's Party]

Hi there,

ich bin heute, Wochenende sei Dank, endlich mal dazu gekommen meine DynamicDrag Klasse auf AS3 zu portieren. Herausgekommen ist eigentlich das gleiche wie zuvor, nur an der Handhabung und im Inneren hat sich natürlich was geändert.

Guggen
Laden

Beispiel:

import com.mocation.display.XSprite;
import com.mocation.events.XSpriteEvent;
import flash.geom.Rectangle;
 
function onOutsideRect( e:XSpriteEvent ):void
{
    trace( "you have thrown the XSprite object out of the stage" );
    trace( "tweening inside..." );
}
 
 
var xs:XSprite = new XSprite();
xs.graphics.beginFill( 0x0000AA );
xs.graphics.drawRect( -25, -25, 50, 50 );
xs.graphics.endFill();
xs.limitation = new Rectangle( 0, 0, stage.stageWidth, stage.stageHeight );
xs.useLimitation = true;
xs.addEventListener( XSpriteEvent.OUTSIDE_RECT, onOutsideRect );
 
addChild( xs );
xs.tweenTo( stage.stageWidth/2, stage.stageHeight/2 ); 

Usage:

/*
 * Sprite with extended drag functionality
 * 
 * 
 * PUBLIC METHODS:
 * - XSprite()
 * 
 * - tweenTo( x_position:Number, y_position:Number ):void
 *   Tweens object to specified x/y choords using DynamicDrag base function
 * 
 * - startDynamicDrag( e:MouseEvent = null ):void
 *   Starts dragging the object. Also alled by MOUSE_DOWN event
 * 
 * - stopDynamicDrag( e:MouseEvent = null ):void
 *   Stops dragging the object
 * 
 * 
 * PUBLIC PROPERTIES:
 * - limitation:Rectangle
 *   [read-write] sets a limitation rectangle for dragging
 * 
 * - useLimitation:Boolean
 *   [read-write] if true, the limitation rectangle is used
 * 
 * - blur:Boolean
 *   [read-write] specifies the usage of the blur filter while dragging
 * 
 * - shadow:Boolean
 *   [read-write] specifies the usage of the drop shadow filter while dragging
 * 
 * - rotate:Boolean
 *   [read-write] set true for rotate the object while dragging
 * 
 * - dragTarget:DisplayObject
 *   [read-write] specifies another object for retreiving mouse events.
 *       Use this property if you have any input components in
 *       the XSprite object itsself.
 * 
 * THROWN EVENTS:
 * - XSpriteEvent.START_DRAG        -> drag started by pressing the mouse button
 * - XSpriteEvent.STOP_DRAG   -> drag stopped by releasing the mouse button
 * - XSpriteEvent.SCRIPT_TWEEN    -> beginning of script based tween using "tweenTo" method
 * - XSpriteEvent.TWEEN_STOPPED  -> tween stopped ( deletion of ENTER_FRAME event )
 * - XSpriteEvent.OUTSIDE_RECT    -> object was thrown out of the limitation rectangle. Also thrown by "tweenTo" method
 * 
 */ 

Einen kleinen Fehler gibt es allerdings noch, den ich mir aber nicht erklären kann. Scheinbar wird in der Methode "doDynamicDrag" das ENTER_FRAME Event nicht sofort gelöscht und die Methode nochmals aufgerufen, bevor sie gelöscht wird. Ergo wird das Event XSpriteEvent.OUTSIDE_RECT mehrmals geworfen. Weiß jemand woran das liegt? Behoben.

Ansonsten viel Spaß damit

[rendner[i]]

Zitat von Vampire's Party

Einen kleinen Fehler gibt es allerdings noch, den ich mir aber nicht erklären kann. Scheinbar wird in der Methode "doDynamicDrag" das ENTER_FRAME Event nicht sofort gelöscht und die Methode nochmals aufgerufen, bevor sie gelöscht wird. Ergo wird das Event XSpriteEvent.OUTSIDE_RECT mehrmals geworfen. Weiß jemand woran das liegt?

Fehler liegt in der Klasse "XSprite" Zeile: 195

if ( flags.isset( SCRIPT_TWEEN | STOP_EXCITED ) && Math.abs( mouse_distance.y ) < 1 && Math.abs( mouse_distance.x ) < 1 )

[Vampire's Party]

Das wars, danke. Datei auf dem Server ist aktualisiert.

[_crypto_]

wenn man schnell klick-zieht dann bleibt die bewegung stehen und das papier
behält seinen blur. sieht iwie lustig aus

[Janoscharlipp]

schick, aber ein kleiner Fehler ist mir aufgefallen:
Wenn man das Blatt an der linken unteren Ecke packt, dreht es sich beim ziehen in die falsche Richtung, sieht dann irgendwie unnatürlich aus.