effetto flash

[daniela999]

ciao a tutti, volevo chiedervi,
sul sito
http://www.uoma.it/main.html
se voi cliccate su una voce di menu vedete che le foto appaiono con un effetto diciamo da fuocate a visibili, qualcuno sa indicarmi come farlo o sa dirmi dove posso trovare qualcosa di simile???!!!

grazie mille!

[pasavign]

A mio parere sono due foto, una caorretta e l'altra sfuocata con un effetto "motion blur" molto esasperato.
Le due foto sono uno sopra l'altra, quella buona sta sopra ma è mascherata, per cui NON si vede, e si vede la foto sotto "blurred".
Con un motion tween la maschera si muove ricoprendo gradualmente la foto buona che gradualmente appare.

[enigma_79]

per me potrebbe essere questo effetto

www.4ward.it

guardate la foto sul mouse
è gestito tramite AS

solo che li lo haqnno accelerato e di parecchio

[pasavign]

Ciao Enigma,
non ho capito bene a quale effetto (nel sito 4ward) ti riferisci.

[enigma_79]

Originariamente inviato da pasavign
Ciao Enigma,
non ho capito bene a quale effetto (nel sito 4ward) ti riferisci.

dopo il caricamento testata parte una animazione in basso guarda il mouse/bussola che ha un effetto strech era quello a cui si riferiva daniela99 oppure ho capito male io?

[pasavign]

Sì, hai ragione.
Non avevo visto l'animazione.
E' proprio quello l'effetto e devo ammettere che il mio suggerimento (quello delle due foto) NON poteva essere giusto.

[enigma_79]

allora se l'effetto è quello posto il codice per chi ne ha bisogno
Basta creare un mc con istanza per test_mc e incollare questo script sul frame dove si trova il clip in questione

MovieClip.prototype.imageStretcher = function(path, velocity, stretch) {
	this.depthRemember = Math.round(Math.random()*1000000);
	this.scaleFactor = stretch == undefined ? 40 : stretch;
	this.stretchScroller = 0;
	var stretched = "stretched"+this.depthRemember;
	this.duplicateMovieClip(stretched, this.depthRemember++);
	path[stretched]._xscale = 100*this.scaleFactor;
	var masker = "masker"+this.depthRemember;
	this.createEmptyMovieClip(masker, this.depthRemember++);
	with (this[masker]) {
		lineStyle(0, 0xababab);
		moveTo(path[this]._x, path[this]._y);
		beginFill(0xababab, 100);
		lineTo(this._width, path[this]._y);
		lineTo(this._width, path[this]._height);
		lineTo(path[this]._x, path[this]._height);
		lineTo(path[this]._x, path[this]._y);
		endfill();
	}
	path[stretched].setMask(this[masker]);
	var oldwidth = this[masker]._width;
	if (velocity == undefined) {
		velocity = 6;
	}
	this.onEnterFrame = function() {
		if (this.stretchScroller<this._width) {
			this[masker]._x = this.stretchScroller;
			this[masker]._width = oldwidth-this.stretchScroller;
			path[stretched]._x = this._x+this.stretchScroller-(this.stretchScroller*this.scaleFactor);
			this.stretchScroller += velocity;
		} else {
			delete this.onEnterFrame;
			path[stretched].removeMovieClip();
			this[masker].removeMovieClip();
		}
	};
};
test_mc._visible = true;
test_mc.imageStretcher(this);

[pasavign]

Grande enigma


C'è solo da aggiungere che:
la foto inserita nel clip deve avere come punto di registrazione l'angolo superiore sinistro (x=0 y=0)

[daniela999]

ora provo, cmq l'effetto è proprio quello del sito 4 ward,
non ne avevo mai visti altri di simili ora provo in caso se ho bisogno vi chiedo ancora!!!!! intanto mille grazie siete sempre mitici!

[daniela999]

devvero mitico, funziona.

per caso sai un modo per far spostare quella specia di sfuocatura un po più lentamente???

intanto grazie