Avatar billede 4b4 Nybegynder
29. juli 2004 - 22:25 Der er 11 kommentarer og
1 løsning

Flydende follow mouse

http://www.essence.ch

Der har de lavet en lille text der popper op når man bevæger sig over billedet. Denne lille text følger musen flydende.

Jeg har prøvet at lave noget lignende.. men flydende var det ikke ligefrem, og virkede .. det var en helt anden sag.

En der har noget liggende, el. kan guide mig igennem hvordan jeg skal håndtere det?
Avatar billede barklund Nybegynder
29. juli 2004 - 22:51 #1
Så skal du bare rette stien til flyt_mc :)

flyt_mc = some_mc;
var flyt = new Object();
Mouse.addListener(flyt);
flyt.onMouseMove = function() {
    flyt_mc._x += flyt_mc._xmouse;
    flyt_mc._y += flyt_mc._ymouse;
    updateAfterEvent();
}
Avatar billede thulstrup Nybegynder
29. juli 2004 - 22:54 #2
Nu har jeg lige siddet og skrevet en hel stil og så kommer Barklund i forvejen :(
...men nu får i det alligevel :o)


//
// teksten skjules til at starte med
txt_mc._visible = false;
//
// teksten gøres synlig ved rollOver på billedet
img_mc.onRollOver = function() {
    _root.txt_mc._visible = true;
};
//
// teksten skjules ved rollOut på billedet
img_mc.onRollOut = function() {
    _root.txt_mc._visible = false;
};
//
// når musen bevæges...
onMouseMove = function () {
    // og teksten er synlig...
    if (txt_mc._visible) {
        // sættes tekstens x- og y-koordinater til musens x og y.
        // (vi afrunder koordinaterne til hele tal, da der ellers kan opstå problemer med fonten)
        txt_mc._x = Math.round(_root._xmouse);
        txt_mc._y = Math.round(_root._ymouse);
        // her opdaterer vi scenen.
        // hvis vi ikke gør det, vil tekstens position først blive opdateret ved næste onEnterFrame.
        // hvilket vil få bevægelsen til at se hakket ud
        updateAfterEvent();
    }
};
Avatar billede 4b4 Nybegynder
29. juli 2004 - 23:23 #3
Jeg kigger videre på det imorgen.. er jo også menningen at jeg selv skal lære lidt :)
Avatar billede 4b4 Nybegynder
29. juli 2004 - 23:25 #4
rollOut og rollOver .. da flash ikke altid registrerer dette (hurtig bevægleser med musen) .. ville det så ikke være mere optimalt at bruge en form for hitTest hvor man tjekker musens position over billedet?
Avatar billede 4b4 Nybegynder
29. juli 2004 - 23:27 #5
cell: vil dine kode give en flydende bevægelse ala. acceleration/friktion ?
Avatar billede majsmarken Nybegynder
30. juli 2004 - 10:09 #6
Måske ka' du få inspiration (=klippe koden) herfra:
http://www.dynamicdrive.com/dynamicindex4/index.html
Avatar billede 4b4 Nybegynder
30. juli 2004 - 14:25 #7
dhtml != flash
Avatar billede thulstrup Nybegynder
30. juli 2004 - 15:25 #8
Prøv med:

import mx.transitions.easing.*;
import mx.transitions.Tween;
var easeType = mx.transitions.easing.None.easeOut;
var frames = 7;
//
MovieClip.prototype.ease = function(x, y) {
    xtween = new mx.transitions.Tween(this, "_x", easeType, this._x, x, frames);
    ytween = new mx.transitions.Tween(this, "_y", easeType, this._y, y, frames);
};
//
this.onMouseMove = function() {
    if (img_mc.hitTest(_root._xmouse, _root._ymouse)) {
        txt_mc.ease(Math.round(_root._xmouse), Math.round(_root._ymouse));
        updateAfterEvent();
    }
};
Avatar billede 4b4 Nybegynder
30. juli 2004 - 15:29 #9
mx ..
Avatar billede thulstrup Nybegynder
30. juli 2004 - 15:43 #10
øhh...?
Har du kun Flash MX, eller undre du dig over hvad mx betyder?
Avatar billede 4b4 Nybegynder
30. juli 2004 - 15:47 #11
har kun flash mx.. har ikke fået skrabet pengene sammen til at købe 2004.. :(
Avatar billede 4b4 Nybegynder
22. oktober 2004 - 13:00 #12
lukker og slukker.. svarene var ikke brugbare til mx
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester