Echt schöner Zoom, aber wie gemacht??

[Royal Flush]

Hallo zusammen,

bräuchte für ein Projekt eine schöne ZoomFunktion, weiß aber nicht wo ich da anfangen soll (unter Zoom hier im FF bin ich nicht wirklich weit gekommen) Schaut mal hier: stevensbikes.de/2010/index.php?bik_id=109&lang=de_DE

Diese Zooms sin echt klasse, wie ist das wohl gemacht?? Eingekaufte Engine??

Cheers
Flush

[NilsK]

sooo schwierig ist das nicht.

Man erstelle eine Mmaske und legt sie über das Bild. In einem ENTER_FRAME-Handler verschiebe man das Bild je nach der aktuellen Mausposition.

Da jetzt sowieso gleich wieder jemand nen kompletten Code postet brauch ich nicht weiter schreiben ;-)

[thomas_E]

das dürfte ein Tween auf width und height sein (da das Bild zwischendurch wechselt medium_res->high_res) easing-mode: easeOutBack
guckst du hier oder einem equivalent bei einer anderen Tweening-Engine

[rudi66]

Zitat von NilsK

Da jetzt sowieso gleich wieder jemand nen kompletten Code postet brauch ich nicht weiter schreiben ;-)

vor 2 Wochen noch gebaut, diesen Zoom.
Hier mal der relevante ENTER_FRAME Bereich zur Anregung..

public function doEnterFrame(e:Event) 
{    


	if (block_mc.mouseX>0 
		&& block_mc.mouseX<__w
		&& block_mc.mouseY>0 
		&& block_mc.mouseY<__h)
	{
		
		mouse_Y = block_mc.mouseY  - __h / 2; 
		difY = - mouse_Y * ( (picH / __h) - 1 ); 
		newY = (difY-holder_mc.y) * speed; 
		holder_mc.y += newY; 
		
		
		
		mouse_X = block_mc.mouseX - __w/2;
		
		difX = - mouse_X * ( (picW / __w) - 1 );
		
		newX = (difX-holder_mc.x) * speed; 
		holder_mc.x += newX; 
		
	}
		
	
}

[Royal Flush]

Wow, dank Euch für die guten Tipps!!
@rudi: großaetig, da hatte NilsK ja wirklich recht ;-) Danke für den Code! (ist aber AS2, oder?)

Thanx
Flush

[rudi66]

[QUOTE=Royal Flush;1935723]Danke für den Code! (ist aber AS2, oder?)/QUOTE]

Weiss nicht so genau - probier die Zeilen mal in AS2:

holder_mc.y

public function doEnterFrame(e:Event)
{

[Royal Flush]

hmmm, eine Frage: ist block_mc zB eine durchsichtige Maske und holder_mc das Bild, daß gezoomt werden soll??

[rudi66]

Ja, so es ist es wohl. Bastel mal ... :-)

[Royal Flush]

...und würde das in AS3 ungefähr so aussehen??

PHP-Code:

window.addEventListener(Event.ENTER_FRAME, doEnterFrame);
function doEnterFrame(evtObj:Event){
 
    if (block_mc.mouseX>0 
        && block_mc.mouseX<__w
        && block_mc.mouseY>0 
        && block_mc.mouseY<__h)
    {
        
        mouse_Y = block_mc.mouseY  - __h / 2; 
        difY = - mouse_Y * ( (picH / __h) - 1 ); 
        newY = (difY-holder_mc.y) * speed; 
        holder_mc.y += newY; 
        
        
        
        mouse_X = block_mc.mouseX - __w/2;
        
        difX = - mouse_X * ( (picW / __w) - 1 );
        
        newX = (difX-holder_mc.x) * speed; 
        holder_mc.x += newX; 
        
    }
        
    
} 


[rudi66]

In der Timeline dann, ja vermutlich...

[Royal Flush]

Hm, der Compiler spuckt jede Menge Fehlermeldungen (Access of undenied property_w) aus (inAS3). Leider kenne ich AS2 nicht so gut, um das Script in AS2 anzuwenden....Da muß ich noch mal etwas nachdenken.

[rudi66]

Ja - ist auch nur die Basisroutine zum Verständnis

KEIN " Copy & paste & es läuft" möglich damit !

Es läuft auch in AS2 - wenn man den Unterschied kennt (x / ._X)
hat man es in 10 Sekunden auch in AS2 am Laufen.

Schlafe mal eine Nacht drüber und überlege dann,
- was die fehlenden Variabeln sein könnten.
- was die Funktion noch braucht, um arbeiten zu können.

Du willst doch auch AS3 lernen...
Fertigen Code gibts nur auf den Flashtemplate-Seiten

[Royal Flush]

werde noch mal drüber schlafen!
Allerdings glaube ich eher, daß mir da noch ein paar grundsätzliche Kenntnisse fehlen um das Script wirklich zu verstehen. Aber vielleicht komme ich noch drauf!! Danke Dir noch mal!