...dall'immagine alla tinta bianca...

[enzos4r]

Si tratta solo di una presentazione di n foto che dovra partire all'apertura del sito web
ora osserando il tuo esempio deduco che le foto debbano essere in un clip_mc su di un unico livello occupando 10frame cad.

quindi ricapitolando mi troverei un liveelo as, ed un livello col clip_mc
giusto?

grazie per la disponibilita

Vincenzo

[pasavign]

Beh, se non carichi le immagini dall'esterno (che però sarebbe la cosa migliore) io farei
in questa maniera.

> innanzitutto un preload, perché con tante foto da visualizzare il peso non sarà certo poco.
> poi creerei 3 livelli
1) per il codice
2) uno per eventuali pulsanti (p.es. skip)
3) uno per le foto

Le foto (trasformate una per una in movieclip e nominate in modo progressivo) le piazzerei una per frame, una di seguito all'altra.
Non c'è bisogno di assegnargli più di una frame perché il tutto sarà gestito via actionscript, non con motion-tween sulla timeline.

Codice:
Sul primo frame metterei il codice per:
> prima di tutto un bello "stop()"
> il preloading
> gli effetti (i prototipi)
> la funzione che "pilota" lo slide-show.

su ognuno dei frame successivi (quelli con le foto) uno stop()

[enzos4r]

ho creato un livello as con dove al primo fotogramma ho inserito questo:

stop();
MovieClip.prototype.fade = function(fadein, q) {
c = new Color(this);
o = {rb:0, gb:0, bb:0};
c.setTransform(o);
this.onEnterFrame = function() {
if (fadein) {
if (this._alpha>=99) {
delete this.onEnterFrame;
} else {
this._alpha += q;
}
} else {
if (this._alpha<=0) {
delete this.onEnterFrame;
} else {
this._alpha -= q;
}
}
};
};
//
MovieClip.prototype.solar = function(defcolor) {
c = new Color(this);
o = {rb:100, gb:100, bb:100};
up = true;
this.onEnterFrame = function() {
if (this._alpha<100) {
this._alpha += 10;
}
if (!up) {
o.rb -= 10;
o.gb -= 10;
o.bb -= 10;
} else {
if (o.rb<=255) {
o.rb *= 1.5;
o.gb *= 1.3;
o.bb *= 3;
} else {
o = {rb:255, gb:255, bb:255};
up = false;
}
}
c.setTransform(o);
if (o.rb<=0) {
o = defcolor;
c.setTransform(o);
delete this.onEnterFrame;
}
};
};

//
foto1.fade(true, 7);
foto2.solar();
foto3.solar();
foto4.solar();
foto5.solar();
foto6.solar();
foto7.fade(false, 7);

sul resto dei frame stop();

poi un ivello con le foto (conv. in clip_mc)una su ogni frame con nome istanza, il livello pulsante ed il preloaded al momento non mi servono (vorrei capire prima questo )ma non mi parte lo stop del primo fotogramma mi ferma tutto...mmm...

[pasavign]

Uhmm... vediamo un po'...
come potremmo risolvere la cosa lasciando l'impostazione predisposta.

Intanto mettiamo ogni fotoclip su un livello (a differenza di quanto ti ho detto in un primo tempo) ed "espandiamo" il clip per una certo numero di frames (una ventina circa) facendo in modo che l'ultimo frame di una foto si sovrapponga al primo frame della successiva come da immagine allegata.
Quindi agiamo sul codice.
per prima cosa una piccola modifica al prototipo del fade-in/out

//
MovieClip.prototype.fade = function (fadein, q) { 
	this.onEnterFrame = function () { 
		if (fadein) {
			if (this._alpha >= 99) {
				this._alpha = 100;
				delete this.onEnterFrame;
				_root.play();		// faccio avanzare la timeline
			} else {
				this._alpha +=q;
			}
		} else {
			if (this._alpha <= 0) {
				this._alpha = 0;
				delete this.onEnterFrame;
				_root.play();		// faccio avanzare la timeline
			} else {
				this._alpha -=q;
			}
		}
	}
}
//

Poi, sempre nel 1° frame diamo l'avvio allo slide show con questa istruzione:

foto1.fade(true, 7);

In ogni frame in cui avviene la sovrapposizione di due foto inseriamo il codice seguente:

stop();
foto1.fade(false, 7);	// dissolvenza foto precedente
foto2.solar();			// effetto solarizzazione su nuova foto

Il codice qui sopra gestisce la transizione tra la foto n.1 e la n. 2
Naturalmente occorrerà inserire i nomi giusti per le altre foto.
Infine, sull'ultimo frame dell'ultima foto:

stop();
foto10.fade(false, 1);

quindi aggiungiamo un ultimo frame vuoto con uno stop() definitivo.

[pasavign]

OOOPPSS!
Ho dimenticato l'allegato: eccolo.

[enzos4r]

sbagli o sul livello as hai dimenticatoil prototipo solar

[pasavign]

NON l'ho dimenticato!
Nel post ho messo solo il prototipo FADE perché gli ho apportato una piccola modifica.
Solar va regolarmente inserito ma è uguale a quello che già avevo postato.

[enzos4r]

pavasign funziona, avevi ragione, solo che...vorrei un altra info se puoi,in pratica ora vorrei che ogni foto della intro fosse precedeuta da una dissolvenza in entrata col bianco e conclusa con la dissolvenza in uscita col nero...diciamo che ci sono pure riuscito, solo che ho un problemino:
quello che vorrei fargli fare io e:
dis.in entrata bianca--->foto1-->dis.in uscita nera-->dis.in entrata bianca--->foto2-->dis.in uscita nera-->eccecc
solo che tra la dis.in uscita nera e d'entrata bianca per un attimo vedo l'immagine successiva che poi va in dissolvenza in entrata....spero vivamente di esser stato chiaro, vorrei....provo ad allegarti/vi il link per capire cosa non va grazie!

clicca qui