Flash Karussel Bilder zittern

[jomay]

Hallo,

ich habe ein Problem mit dem Flashkarussel von GoToAndLern.
Die Bilder zittern, wenn sie sich bewegen und ich habe keine Ahnung woran es liegen kann. Ich habe es schon mit Math.round an diversen Stellen probiert.
forceSmoothing = true geht auch nicht.

Hier könnt Ihr meinen Versuch sehen: carousel2

Und hier habe ich einen Download mit allen Dateien: http://www.jonasmueller.com/karussel/karussel.zip

Hier der Code:

import mx.utils.Delegate;

var numOfItems:Number;
var radiusX:Number = 230;
var radiusY:Number = 85;
var centerX:Number = 290;
var centerY:Number = 200;
var speed:Number = 0.01;
var perspective:Number = 50;
var home:MovieClip = this;

var tooltip:MovieClip = this.attachMovie("tooltip","tooltip",10000);
tooltip._alpha = 0;

var xml:XML = new XML();
xml.ignoreWhite = true;

xml.onLoad = function()
{
	var nodes = this.firstChild.childNodes;
	numOfItems = nodes.length-1;
	trace(numOfItems);
	for(var i=0;i<numOfItems;i++)
	{			
		var t = home.attachMovie("item","item"+i,i+1);
		t.angle = i * ((Math.PI*2)/numOfItems);
		t.onEnterFrame = mover;
		t.toolText = nodes[i].attributes.tooltip;
		t.websiteLink = nodes[i].attributes.link;
		t.linkTarget = nodes[i].attributes.target;
		t.icon.inner.loadMovie(nodes[i].attributes.image);
		t.r.inner.loadMovie(nodes[i].attributes.image);
		t.r.inner.forceSmoothing = true;
		t.icon.onRollOver = over;
		t.icon.onRollOut = out;
		t.icon.onRelease = released;
	}
	_root.backgroundimage = nodes[numOfItems].attributes.backgroundimage;
	mc_hintergrund.loadMovie(_root.backgroundimage);

}

function over()
{
	home.tooltip.tipText.text = this._parent.toolText;
	home.tooltip._x = this._parent._x;
	home.tooltip._y = this._parent._y - this._parent._height/2;
	home.tooltip.onEnterFrame = Delegate.create(this,moveTip);
	home.tooltip._alpha = 100;
	this._parent.mc_rollover.gotoAndStop(2);
}

function out()
{
	delete home.tooltip.onEnterFrame;
	home.tooltip._alpha = 0;
	this._parent.mc_rollover.gotoAndStop(1);
}

function released()
{
	trace(this._parent.linkTarget);
}

function moveTip()
{
	home.tooltip._x = this._parent._x;
	home.tooltip._y = this._parent._y - this._parent._height/2;
}

xml.load("icons.xml");

function mover()
{
	this._x = Math.round(Math.cos(this.angle) * radiusX + centerX);
	this._y = Math.round(Math.sin(this.angle) * radiusY + centerY);
	var s = (this._y - perspective) /(centerY+radiusY-perspective);
	this._xscale = Math.round(this._yscale = s*100);
	this._yscale = Math.round(this._yscale);	
	this._alpha = this._xscale;	
	this.angle += this._parent.speed;	
	this.forceSmoothing = true;
	this.swapDepths(Math.round(this._xscale) + 100);
	
}

this.onMouseMove = function()
{
	speed = (Math.ceil(this._xmouse-centerX)/10500);
	trace(speed);
}

Kann jemand helfen?

Grüße

[Ouroborus23]

Zitat von jomay

Die Bilder zittern, wenn sie sich bewegen und ich habe keine Ahnung woran es liegen kann. Ich habe es schon mit Math.round an diversen Stellen probiert.

Vielleicht haben die Bilder Angst?

Nein nein, mal im Ernst: In deinem Code sagst du beim Positionieren der Images: Math.Round(..) Damit setzt du die Bilder nur auf ganze Pixel. Wenn du eine wirklich flüssige Animation möchtest, musst du darauf verzichten, und auch auf Teilpixel setzen. Nimm mal das Math.Round() raus und versuch es noch einmal - kann sein das es damit schon besser aussieht.

Liebe Grüße!

[jomay]

Das war schonmal nicht schlecht.
Das hüpfen ist weg aber in den Bildern gibt es "verschiebungen". Es sieht so aus als ob die Bilder flimmern.
Hast Du dafür auch eine Lösung?

[Ouroborus23]

Puh, so aus dem Stehgreif schwer zu sagen... Zeig dochmal wie es aussieht!
Grüße!

[jomay]

Die Daten und den Link oben habe ich aktualisiert.

[Ouroborus23]

ah okay.. ich werfe mal vorsichtig in den Raum, dass man das zumindest in AS3 mit der smoothing Eigenschaft lösen könnte. Weiß nicht in wie weit das in AS2 möglich ist - möchte mich da nicht zu weit aus dem Fenster lehnen.
Aber vielleicht ist das ein Ansatz der in die richtige Richtung für dich geht.

Viel Glück und liebe Grüße!

[MASTER LISA]

mmmh oder updateAfterEvent() ?
Das sollte die Flashanimation flüssiger machen

[Ouroborus23]

Zitat von MASTER LISA

mmmh oder updateAfterEvent() ?
Das sollte die Flashanimation flüssiger machen

In der Tat ist das so, allerdings nicht in diesem Fall. Mit updateAfterEvent arbeitet man vor allem in MouseMove-Listenern, da in diesem Fall das Ereignis ja von der Maus gewurfen wird. Dann macht es Sinn, unabhängig von der Framerate das Display zu updaten.

In diesem Fall wird aber auf EnterFrame gehört, damit sind die einzigen Zeitpunkte, zu denen Events generiert werden, eben die einzelnen Frames - ein updateAfterEvent dürfte dann keine Änderung bringen.

Liebe Grüße

[MASTER LISA]

doch, probier es mal aus
updateafterevent() funktioniert auch bei enterframe und verhindert genau dieses flackern ...

Description
Action; updates the display (independent of the frames per second set for the movie) when you call it within an onClipEvent handler or as part of a function or method that you pass to setInterval . Flash ignores calls to updateAfterEvent that are not within an onClipEvent handler or part of a function or method passed to setInterval .

[jomay]

Leider bringt updateAfterEvent() keine Verbesserung :-(

[Ouroborus23]

Zitat von jomay

Leider bringt updateAfterEvent() keine Verbesserung :-(

dachte ich mir hast du es mal mit smoothing versucht?

[jomay]

Wenn ich es richtig verstanden habe, lässt sich smoothing nur in Verbindung mit BitmapData verwenden. Das muss ich mir erst einmal anschauen.
Aber anscheinend ist das der richtige Weg.
Euch vielen Dank für die Hilfe.

[Ouroborus23]

Zitat von jomay

Aber anscheinend ist das der richtige Weg.

Ja. smoothing ist eine öffentliche eigenschaft von Bitmap - das sollte für deinen Fall also kein Problem darstellen

Um das nochmal klarzustellen: updateAfterEvent funktioniert meines Erachtens nach nicht onEnterFrame. (Ich lasse mich aber auch gern belehren). Es wäre für dein Flackern aber eh nicht die Lösung gewesen, selbst wenn es onEnterFrame ginge - schließlich war ja nicht deine Animation ruckelig, sondern die Pixel deiner Grafiken. Das rührt daher, dass Flash intern versucht, jedes Bildpixel genau auf ein Monitorpixel abzubilden. Dabei kann durch skalieren und verschieben schonmal ein Flimmern entstehen. mit smoothing=true erlaubst du Flash, die Pixel des Bildes in die Monitorpixel hinein zu interpolieren. Im schlimmsten Fall wird das ganze ein wenig verschwommener - was hier aber sicher besser ist als das Flackern

Liebe Grüße und einen schönen Abend!