maskiertes bild bewegen

[kurthurtig]

yosn...
ich hab schon mehrfach was gepostet, aber es hat alles nichts geholfen... jetzt hab ich was gefunden, was genau das ist, wie ich es haben will... allerdings weiß ich nicht, wie man es scriptet...

http://www.kmx.de/kunden/spinkings/index2.html

dann auf design > 3steps und dann irgendeins von den großen bildern...

wie machen die das, dass sich das bild relativ zur maus bewegt, aber nicht aus dem bild wandert... und wenn die maus raus ist, dann passiert wieder nichts... hab schon einige versuche hinter mir und dann hats aber immer wieder nicht geklappt...

wär subbi wenn mir einer n script (am liebsten mit erklärung) geben könnte....

danke schonma...

[soloFlash]

in aller Kürze:

// Ereignis wenn Maus über bild ist:
bild.onRollOver = function ()
{
  // dann Eereignis "bei Mausbewegung" starten
  this.onMouseMove = function ()
  {
    this._y = this._ymouse; // das Bild in seiner y-Position verändern
  }
}
// Wenn Maus wieder das Bild verlässt, dann "bei Mausbewegung" wieder löschen
bild.onRollOut = function ()
{
  delete this.onMouseMove;
} 

definitv nicht Ausgereift, nicht getetstet, und erweiterbar.

viel Spass,
solo

[oFo]

ja genau.
und zwar erweiterbar in so fern als dass die ordinate der maus prozentual auf den y wert des bildes umgerechnet werden muss. denn das bild bewegt sich ja nicht absolut zur mausbewegung. gleiches machst du dann mit der x bewegung, hab grad noch gesehen, dass diese auch vorhanden is.

[kurthurtig]

meine fresse ist das simpel... wenns funktioniert... werds gleichmal ausprobieren...
ich hab da mit ineinandergeschachtelten abfragen und hier und da n ellenlanges script gebastelt und dann sowas!!! *vordiestirnschlag* aber cool danke... werds direkt ma testen

[TOAOTC]

probier mal das hier:

onClipEvent (load) {
    slide_ml = {
        onMouseMove:function() {
            _x = _width - _parent._xmouse;
            _y = _height - _parent._ymouse;
        }
    }
    
    onRollOver = function() {
        Mouse.addListener(slide_ml);
    }
    
    onRollOut = function() {
        Mouse.removeListener(slide_ml);
    }
} 

Gruß

[mooseMash]

.. und wieder eine möglichkeit:

function maskedPic(mc,x,y,w,h,picture) {
    count++;
    var mask = mc.createEmptyMovieClip("mask_"+count,count);
    mask._x = x;
    mask._y = y;
    mask.beginFill(0x0000FF,25);
    mask.moveTo(-w/2,-h/2);
    mask.lineTo(w/2,-h/2);
    mask.lineTo(w/2,h/2);
    mask.lineTo(-w/2,h/2);
    mask.lineTo(-w/2,-h/2);
    mask.endFill(); 
    count++;
    var pic = mc.createEmptyMovieClip("pic_"+count,count);
    pic.attachMovie(picture,picture,1);
    pic._x = pic.x = x;
    pic._y = pic.y = y;
    pic.h = h;
    pic.w = w;
    pic.setMask(mask);
             mask.onRollOver = function () 
            { 
               picInterval = setInterval(posPic,50,pic);
            } 
             mask.onRollOut = function () 
            { 
              clearInterval(picInterval)
            }   
};
 
function posPic(mc) {
    yPos = mc._parent._ymouse - mc.y;
    xPos = mc._parent._xmouse - mc.x;
    mc._y  = -yPos*((mc._height-mc.h)/mc.h) + mc.y;
    mc._x  = -xPos*((mc._width-mc.w)/mc.w) + mc.x;
}; 

was du hierfür brauchst ist ein mc in der bibliothek der dein bild beinhaltet, registrierungspunkt in der mitte, den markierste clickst die rechte maustaste und sagst verknüpfung --> export für actionscript

dann rufst du die function maskedPic(mc,x,y,w,h,picture) auf

mc --> der MovieClip in dem du das bild laden willst
x --> x-Position des Bildes
y --> y-Position des Bildes
w --> breite der maske
h --> höhe der maske
picture --> name des bildes in der bibliothek

maskedPic(this,100,50,200,100,"meinsagenhaftesbild"); 

[TOAOTC]

Jaja die Vielfalt. Schönes Script - gefällt mir.
Ich hätte vielleicht kein Interval sondern onEnterFrame verwendet. Aber ich will die Diskussion darüber nicht auch noch in diesen Thread tragen.

Auf jeden Fall sind Folgefragen im wahrsten Sinne des Wortes bereits vorprogrammiert.

Gruß

[soloFlash]

Hello again

auch ein schönes Script

so, jetzt muss ich mal mein miniscript verteidigen :
kurthurtig wollte nur wissen, wie man ein Bild relativ zur Maus bewegt!
OK, ich habs halt nur irgendwohin bewegt, ohne Maske usw.

sowas hab ich natürlich auch schon mal gemacht *angeb*

solo

[kurthurtig]

Zitat von TOAOTC

Auf jeden Fall sind Folgefragen im wahrsten Sinne des Wortes bereits vorprogrammiert.
Gruß

dann will ich mal...
das erste script hab ich einfach mal verwendet und es klappt... allerdings ist die bewegung nicht unbedingt das was man schön nennt...

die andern beiden scripte hab ich nur angelesen (von verstehen kann nicht die rede sein... ) ... ist das zweite nur eine verbesserte schreibweise??? außerdem ist es kacke, wenn sich das bild gar nicht mehr bewegt, wenn ich den rahmen verlasse, denn wenn ich den rahmen dann an einer anderen stelle betrete "springt" das bild... nicht unbedingt hübsch... wär halt cool, wenn es dann in die richtung, wo es darf mitbewegen würde...
beim dritten hab ich das dumme gefühl, dass da erstmal eine maske gebaut wird und dann irgendwie hier was und da was... aber würds dir was ausmachen, mir das zu erklären?!? ich hab eigentlich eine maske... deswegen seh ich nicht wirklich den sinn darin, eine zu erstellen, oder ist das für die werte wichtig?!?
sorry, blutiger anfänger halt, aber würde gerne die scripts verstehen... bisher hab ich die scripts auch immer direkt auf die mcs getan und so, deswegen sieht das für mich wahrscheinlich komplizierter aus, als es letztendlich ist...

danke nochens...

[kurthurtig]

[QUOTE=mooseMashwas du hierfür brauchst ist ein mc in der bibliothek der dein bild beinhaltet, registrierungspunkt in der mitte, den markierste clickst die rechte maustaste und sagst verknüpfung --> export für actionscript
[/QUOTE]

wo wie was wer?!? also ich hab das bild als mc. regristrierungspunkt ist tippe ich das kreuz in der mitte...*klick* aber kein exprt für action script... bin ich nur blöd oder check ichs einfach nich?!? kommt das lange script einfach in den ersten frame und dann wird das über den mc aufgerufen?!? kann ich das dann nicht einfach bei actions reinschreiben?!?

[soloFlash]

Zitat von kurthurtig

dann will ich mal...
das erste script hab ich einfach mal verwendet und es klappt... allerdings ist die bewegung nicht unbedingt das was man schön nennt...

ist auch keine "endlösung", sondern nur ein Ansatz.

[...]
 this._y = this._ymouse; // das Bild in seiner y-Position verändern 
[...] 

das das nicht "schön" ist, ist mir klar. ich habe ja auch keine Ahnung, wie Du die Bewegung haben willst. Da musst Du einfach mal selber rumspielen.

die Events kennst Du hoffentlich?

Die Codes liegen in der Timeline, wo die MCs drin sind, und werden über den Namen angesprochen. das macht das Ganze wesentlich übersichtlicher.

Bei Frage, fragen, wenn Zeit, dann antwort

solo

[kurthurtig]

Zitat von soloFlash

die Events kennst Du hoffentlich?

welche events? ich hätte jetzt versucht, das ganze irgendwie mit zahlen hinzubiegen... gibts da special dinger für, die dat alles vereinfachen?

hab sowieso noch ne frage:
ich kenne niemanden persönlich, der flash programmieren kann... habe mir also dieses tolle flashforumbuch ausgeliehen und durchgeschmölert... das basis wissen hab ich ja jetzt... aber wie komme ich an das wissen, was ihr habt?!? macht ihr das alle professionell oder wie habt ihr euch das angeeignet, denn über das flashforum dauert das ja alles immer n weilche und ob mans dann verstanden hat, ist auch die frage...

[soloFlash]

Hallo,

Events:
onEnterFrame wird "immer" durchlaufen, also bei jedem Aufruf des Bildes, dadurch hast Du die möglichkeit eine Art "Zaitschleife" zu bauen, wenn Du etwas von a nach be bewegen willst...
onPress bei Klick wird das aufgerufen
onRelease bei Loslassen der Maus, also später als Klick
on...

Wissen:
Ich hab noch kein reines AS Buch gelesen. Hab mal billig das "Drag, Slide, Fade"-Buch gekauft. Hatte ein paar nette Ansätze, gut zum lernen.

Grüße,
solo

[kurthurtig]

yosn... ich hab ma perfekt und original genau das gleiche gefunden, wie ich es haben will... hab das bisher nicht so ganz hinbekommen, mit den von euch bereit gestellten scripts... aber hier is ma exakt so, wie ich es haben will...

klick

wenn mir einer denscript sagen kann... mit erklärung wäre ich unendlich dankbar...