maus listener

[Shoom]

Hi!

hab schon überall (innerhalb meines Horizonts) nach nem vernünftigen Tutorial oder Thread für mein Problem gesucht, aber nix gefunden...

vielleicht kann mir ja einer helfen...
Ich will per mouseListener (hab ich vorher noch nie mit zu tun gehabt) einen MC entlang einer Kurve je nach Mausposition ausrichten. Hab aber überhaupt keine Ahnung von dem Kram!

Das ganze soll zum Schluss Teil eines kleinen Fußballspiels werden, wo man den Abschusswinkel am Ball mit der Maus kontrollieren kann...

Für Tipps und nützliche Links zum Thema wär ich sehr verbunden!
Danke!

[bewerber2]

Also ich mache sowas immer mit onEnterFrame():

this.onEnterFrame = function ()
{
     machIrgendwas(_xmouse, _ymouse);
}

[Shoom]

sorry, das hilft mir nicht wirklich weiter, weil ich mit "machIrgendwas" nicht viel anfangen kann...

[bewerber2]

Es geht ja nur ums Prinzip, wo Du Dich "reinhängen" kannst. Statt machIrgendwas() wirst Du Deine Routine aufrufen und ihr die x- und y-Koordinaten der Mouse übergeben. Und in dieser Routine steuerst Du dann deinen MC in Abhängigkeit von diesen übergebenen Koordinaten.

...oder erwartest Du jetzt, daß Dir jemand das Programm schreibt?

[Shoom]

Ich erwarte keinesfalls das mir einer das Programm schreibt!
Ich habe nur leider auch keine Ahnung wie ich so eine Routine die meinen MC steuert schreibe, und ich soll das ganze mit Listenern machen...

Ich will mich da ja wohl reinknien, denn ich muss das ja lernen, ich hab nur keine wirkliche Anlaufstelle...
Ich währe für entsprechende Tuts oder sonstige Links echt dankbar.

[Shoom]

*schluchz*
kann oder will mir keiner helfen?

[Deluxe]

dich soltle nur Math.atan2 interessieren damit kriegste den Winkel der Maus zum 0,0 koordinatenpunkt des films in Bogenmaß raus.
angewendet sieht das so aus:

PHP-Code:

//mauslistener
mList={}
//pfad des auszurichtenden mcs angeben
mList.mc=_root.obj
//falls das objekt der maus um 90° versetzt folgt kannste hier 
//korrigieren
mList.winkelkorrektur=0
mList.onMouseMove=function(){
//da atan2 sich auf den nullpunkt des films bezieht musste
//die mauskoordinaten relativ dazu berechnen
    var y=this.mc._y-this.mc._parent._ymouse
    var x=this.mc._x-this.mc._parent._xmouse
//in atan2 eingesetzt, ins gradmaß umgerechnet und die winkelkorrektur einbeziehen
    this.mc._rotation=Math.atan2(y,x)*180/Math.PI-winkelkorrektur
}
Mouse.addListener(mList) 


das würde zB nen pfeil mit namen "obj" im root der maus ausrichten

ODER

wolltest du ein objekt auf nem halbkreis der maus auf den xkoordinaten folgen lassen?

gruß
deluxe

[Shoom]

hey danke deluxe!

Das mit Math.atan2 hab ich schon selber hinbekommen, trotzdem danke!
Aber wie du schon richtig vermutete hast will ich meinen MC auf nem Kreisbogen von 60° per Maus xKoordinate bewegen, das mit der Ausrichtung zum Mittelpunkt hin klappt schon ganz gut! Wär echt nett wenn du für den Bogen auch noch was parat hättest, ich kenn mich mit Sinus und so leider nicht so aus!

[Deluxe]

PHP-Code:

f=createEmptyMovieClip("feld",1)
b=f.createEmptyMovieClip("ball",1)
with(b){
    lineStyle(0)
    beginFill(0xFF0000)
    moveTo(6,0)
    for(var i=0;i<360;i++) {
        lineTo(Math.cos(i*Math.PI/180)*6,Math.sin(i*Math.PI/180)*6);
    }
    endFill()
}

b.init=function(){
    //mittelpunkt des bogens festlegen
    this.m={x:200,y:100}
    //"amplitude", hier nen 1/6 kreis
    this.ausschnitt=60
    //startposition auf teilkreis
    this.w=0
    //verschiebung, ausgehende von der 6 Uhr position gegen den uhrzeigersinn
    this.woff=240
    //raidus des teilkreises
    this.r=100
    
    //geschwindigkeit auf der kreisbahn
    this.speed=2
    //erstellung des teilkreise-nur zum grafischen zweck
    for(var i=0;i<this.ausschnitt;i++){
        var x=Math.cos((i+this.woff)*Math.PI/180)*this.r+this.m.x
        var y=Math.sin((i+this.woff)*Math.PI/180)*this.r+this.m.y
        this._parent.lineStyle(2)
        this._parent.moveTo(x,y)
        this._parent.lineTo(x+1,y+1)
    }
    //hier findet die eigentliche bewegung des balles statt
    this.onEnterFrame=function(){
        //richtungs umkehrung je nach position
        this.w<=0 ? this.dir=1 : 0
        this.w>=this.ausschnitt ? this.dir=0 : 0
        //und je nach position winkel de/inkrementieren
        if(this.dir) this.w+=this.speed
        if(!this.dir) this.w-=this.speed
        //x,y koordinaten berechnen; Math.PI/180 dient zur berechnung des bogenmaßes
        //(anteil des winkel an 2PI)
        this._x=Math.cos((this.w+this.woff)*Math.PI/180)*this.r+this.m.x
        this._y=Math.sin((this.w+this.woff)*Math.PI/180)*this.r+this.m.y
    }
}
b.init() 


denke das sollte dir weiterhelfen
auf die berechnung von "w" kommt es an
bei der berechnugn von w kannste natürlich anstatt stur hoch und runter zu zählen, die xposition der maus ins spiel bringen


deluxe

[Shoom]

Whoo!

Erstmal ein dickes Dankeschön!
Ich komme heute leider nicht mehr dazu es auszuprobieren, aber das sieht schon genau nach dem aus was ich gesucht habe! Ich meld mich, wenn es geklappt hat (und auch wenn es nicht klappt )!!

[Shoom]

jetzt müsste ich nur noch wissen wie ich, wenn ich die Position nach der Maus ausrichte, zum einen den Ball (bzw. Pfeil bei mir) auch in die richtige Richtung verschiebe (bisher läuft er genau entgegengesetzt), und zum anderen die Bewegung nur auf den Teilkreis beschränke, der Ball also nicht darüber "hinausschiesst"...

Wenn du oder jemand anderes mir da auch noch helfen könnte wär ich echt happy!

ich häng mal dran was ich mir bislang zusammengeflust hab!

[Deluxe]

PHP-Code:

    this.onEnterFrame=function(){ 
        
        this.w = _root._xmouse+100
     //per trace die grenzen rausgesucht
        if(this.w>340) this.w=340
        if(this.w<260) this.w=260
//cosinus und sinus vertauscht
        this._x=Math.sin((this.w+this.woff)*Math.PI/180)*this.r+this.m.x 
        this._y=Math.cos((this.w+this.woff)*Math.PI/180)*this.r+this.m.y 
//.... 


grüße
deluxe

[Shoom]

Danke!

Ich muss mir zwar erstmal über den ganzen Kram klarwerden und hab noch ne ewig lange Liste an Problemen damit, aber ich bin recht zuversichtlich dass das noch was wird...
...noch ne kleine Frage: Wie bekomme ich den Winkel des Pfeiles auf dem Teilkreis? Ich weiß, dass der da schon drinsteckt, aber die Variable w kann ich nicht gebrauchen. Den bräuchte ich um einen perspektivisch skalierten Pfeil hinzubekommen...

Ich glaube ich versuche zuviel auf einmal und sollte wohl erstmal Gehen lernen bevor ich mit dem Laufen anfange...

[Deluxe]

den winkel haste doch schon
ausgehend von der rotation ist auf dem 60° teilkreis

auf der rechten seite -30° und auf der linken +30°
addierste 30° zu deiner rotation dazu bekommste deine wert rechtsbeginnend von 0-60°

PHP-Code:

        mcPfeil._rotation=Math.atan2(a, b)*180/Math.PI -90
        trace(mcPfeil._rotation+30) 


gruß
deluxe

[Shoom]

Ein ganz extra-dickes Dankeschön an dich, Deluxe!
Nicht nur das es jetzt soweit funktioniert, ich habe es auch noch verstanden und gut was dazugelernt!
Hast echt was drauf! Bin dir was schuldig...