_rotate

[mfeldheim]

Hallo zusammen..
Hiermit kann ich das mc center mit dem Mouserad jeweils um den Winkel delta*360/imagelist.length weiterdrehen..

var mouseListener = new Object();
mouseListener.onMouseWheel = function(delta) {
    center._rotation += delta*360/imagelist.length;
};
Mouse.addListener(mouseListener); 

Wie müsste ich es anstellen, um eine animierte Rotation bei Betätigung des Mausrades hinzubekommen?
Ich habe es schon mit einer Schleife versucht, die pro Durchlauf ein wenig weiterdreht, macht aber optisch keinen Unterschied..

var mouseListener = new Object();
mouseListener.onMouseWheel = function(delta) {
for (i=0; i<12; i++)
{
    center._rotation += delta*360/imagelist.length/12;
}
};
Mouse.addListener(mouseListener); 

Kann mir jemand helfen?
Grüße
Michel

[thebiz]

Hi.

Willst Du per Mausrad einfach eine Funktion
aufrufen, die einen MC zum Drehen bringt??

Dann kannste das so machen:

var mouseListener = new Object();
mouseListener.onMouseWheel = function(delta) {
    mI = setInterval(drehen, 20, delta);
};
Mouse.addListener(mouseListener);
function drehen(wert) {
    _root.center._rotation += wert;
} 

[danilo]

vom prinzip her funktioniert das so:
(ich hab mal 10 anstelle deiner imagelist.length genommen)

var mouseListener = new Object();
mouseListener.onMouseWheel = function(delta) {
        if (delta < 0){
            _root.center.zielwert -= 360/10; 
            } else {
                _root.center.zielwert += 360/10;             
}
       // _root.center._rotation += delta*10;
};
Mouse.addListener(mouseListener);
 
center.speed = .1;
center.zielwert = 0;
center.referenz_wert = 0;
center.onEnterFrame = function(){
    this.nr = (this.zielwert - this.referenz_wert) *this.speed;
    this.referenz_wert += this.nr;      
    this._rotation = this.referenz_wert;
    trace(this.referenz_wert);
    } 

[mfeldheim]

@Thebiz Deinen Ansatz kann ich sicher auch irgendwann gebrauchen, leider war es nicht das, was ich im Moment wollte Hab mich wohl nicht eindeutig ausgedrückt, danke jedenfalls

@danilo & all other
Super, exakt was ich wollte... allerdings hab ich ein Problem:
Ich sollte my_mc._rotate nicht verwenden, weil dieser aus mehreren kleinen mcs besteht, die im Kreis rotieren. Da ich deren Koordinaten während der Rotation abfragen muss (möchte immer das bild, das rechts ist, zoomen), muss ich die Rotation mit jedem einzelnen mc des kreises errechnen.

Hab hier mal deinen Vorschlag eingebaut und kommentiert..

MovieClip.prototype.yugop = function(imglist, description, posX, posY, alpha, radius, rotate) {
    var angle = 10;
    var images = [];
    var img;
    this._x = posX;
    this._y = posY;
    this._alpha = alpha;
    for (var i = 0; i<imglist.length; i++) {
        img = this.attachMovie("bildrahmen", "img"+i, i);
        // description
        img.desc.text = description[i];
        img.wphase = 2*Math.PI/imglist.length*i;
        img.container.loadMovie(imglist[i]);
        images.push(img);
    }
    var mouseListener = new Object();
    mouseListener.onMouseWheel = function(delta) {
        if (delta < 0){
            _root.center.target_angle -= 360/imglist.length;
        } else {
            _root.center.target_angle += 360/imglist.length;
        }
    };
 
    Mouse.addListener(mouseListener);
    center.speed = 0.25;
    center.target_angle = 3;
    center.reference_angle = 3;
    this.onEnterFrame = function() {
        this.increment = (this.target_angle - this.reference_angle) *this.speed;
        this.reference_angle += this.increment;
        // rotation des kompletten mc center, 
        // soll ersetzt werden durch die Rotation wie unten folgt nur eben Schrittweise mit dem Mausrad
        this._rotation = this.reference_angle;
                
        /*  Rotation per Mouse x & Y deaktivieren ---------------------
        angle += center._ymouse/rotate;
        if (angle>=2*Math.PI) {
            angle -= 2*Math.PI;
        }
        if (angle<0) {
            angle += 2*Math.PI;
        }
        ------------------------------------------------------------- */
        
        for (var i = 0; i<images.length; i++) {
            img = images[i];
            img._y = radius*Math.cos(img.wphase+angle);
            img._x = radius*Math.sin(img.wphase+angle);
            r_angle = (Math.atan(img._y/img._x)/Math.PI)*180;
            if (img._x>=0) {
                img._rotation = r_angle;
            }
            if (img._x<0) {
                img._rotation = r_angle+180;
            }
            //if (img._y>=0) {
            //  img._height = 155;
            //  img._width = 155;
            //} else {
            //  img._height = 150;
            //  img._width = 150;
            //}
            
            img.onRollOver = function() {
                // mach was ...
            };
        }
    };
};
// Bild-Dateien
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = function(loaded) {
    if (loaded) {
        xmlNode = this.firstChild;
        imagelist = [];
        description = [];
        total = xmlNode.childNodes.length;
        for (i=0; i<total; i++) {
            imagelist[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
            description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
        }
 
        // overwrite xml loaded imaglist array
                          imagelist = ["1","2","3","4","5","6","7","8","9","10","11","12"];
        center.yugop(imagelist, description, 500, 500, 100, 300, 5000);
    } else {
        content = "file not loaded!";
    }
};
xmlData.load("images.xml"); 

Im Anhang das komplette fla