creare uno sfondo de si compone quadro per quadro!

[Ms-Keng]

ciao a tutti...

ho avuto un idea ma non so come realizzarla!

per il sito che sto facendo, vorrei creare uno sfondo che si compone quadretto per quadretto, io ho provato:

importo il bitmap che fa da sfondo!

creo una maschera ed inizio a fare i quadretti basandomi sulla griglia precedentemente preimpostata a 20 px!

il problema nasce quando devo iniziare la seconda riga dello sfondo perchè flash inizia a dare i numeri!

qualcuno ha un'idea migliore per fare una cosa del genere?

grazie in anticipo a tutti!

:)))

[onia]

questo potrebbe andar bene ..

nella libreria c'è un mc concatenato come 'sfondo' che corrisponde appunto allo sfondo

fotogramma 1 -> azioni:

stop();

function myRandom(minVal, maxVal) {
	do {
		var r = Math.random();
	} while (r == 1);
	return minVal+Math.floor(r*(maxVal+1-minVal));
}

attachMovie('sfondo', 'sfondo', 1, {_x:0, _y:0, larghezza:400, altezza:200});
createEmptyMovieClip('maschera', 2);
maschera._x = 0;
maschera._y = 0;
maschera.targ = this.sfondo;
//incrementa questa variabile per blocchi più piccoli
maschera.grandezzaBlocchi = 10;
maschera.creaBlocchi = function() {
	this.griglia = new Array();
	var k = 0;
	for (i=0; i<maschera.grandezzaBlocchi; i++) {
		for (j=0; j<maschera.grandezzaBlocchi; j++) {
			this.griglia[k] = new Object();
			this.griglia[k].x = i;
			this.griglia[k].y = j;
			k++;
		}
	}
	this.blockCount = 0;
	myINT = setInterval(maschera.disegnaBlocchi, 3);
};
maschera.disegnaBlocchi = function() {
	maschera.createEmptyMovieClip('block'+blockCount, blockCount);
	maschera.pick = myRandom(0, maschera.griglia.length-1);
	//con l'istruzione with l'oggetto mcMask viene controllato per la proprietà specifica
	with (maschera['block'+(blockCount++)]) {
		var w = sfondo.larghezza/maschera.grandezzaBlocchi;
		var h = sfondo.altezza/maschera.grandezzaBlocchi;
		_x = _parent.griglia[maschera.pick].x*w;
		_y = _parent.griglia[maschera.pick].y*h;
		beginFill(0x000000, 100);
		lineTo(w, 0);
		lineTo(w, h);
		lineTo(0, h);
		lineTo(0, 0);
		endFill();
	}
	maschera.griglia.splice(maschera.pick, 1);
	if (maschera.griglia.length == 0) {
		clearInterval(myINT);
	}
};

sfondo.setMask('maschera');
maschera.creaBlocchi();

[Ms-Keng]

ma così mi crea una griglia che funge da maschera ed una volta che ha finito non mi appare la foto di sfondo!

a me seriuvrebbe un qualcosa che mi ripete un movie clip per n volte, in base alla larghezza ed all'altezza dello stage!

il movie clip fungerà da maschera dello sfondo, in modo che quando il movie clip viene ripetuto sullo stage sembrerà costruirsi una griglia che una volta scoperta tutta l'immagine scomparirà!

forse il codice che hai postato (innanzi tutto grazie molte), dovrebbe essere un pò modificato, ma obiettivamente non so proprio dove mettere le mani!



cmq ho trovato una cosa che poteva fare al caso mio su flashkit, l'unico problema è che la griglia viene costruita ripetendo due linee MC della grandezza dello stage, invece io vorrei che fosse costruita sempre da due Linee MC, ma che siano di 20 px l'una in modo da costruire la griglia quadro per quadro!

l'esempio modificato da mè lo puoi scaricare da QUI!

sperò di essermi spiegato...

grazie moltissime per l'aiuto...

[orenoren]

Sto cercando di fare la stessa cosa... mi potete dare qualche dritta di base proprio per iniaziare? Ho provato pa visualizzare il tuo esempio, anche per capire se l'effetto che descrivete è quello che intendo io, ma non c'è nulla...

Grazie

[enigma_79]

potreste fare una cosa del genere

inserire l'immagine di sfondo sullo stage convertirla in mc e instanziarla image

poi creare un quadrato convertirlo in mc e istanziarlo box

e poi sul frame copiare e incollare questo

//Declare variables
xspacing = box._width;
yspacing = box._height;
depth = 0;
box._visible = 0;
smoothness = 90;
//Calculate positions and values
amH = Math.ceil(image._width/box._width);
amV = Math.ceil(image._height/box._height);
//border._height = image._height+1;
//border._width = image._width+1;
//border._x = image._x-0.5;
//border._y = image._y-0.5;
//Create grid
for (i=0; i<amH; i++) {
	for (var k = 0; k<amV; k++) {
		box.duplicateMovieClip("box"+depth, depth);
		cur = this["box"+depth];
		cur._x = image._x+(xspacing*i);
		cur._y = image._y+(yspacing*k);
		depth++;
	}
}
function fadeOut(startboxnr, speed) {
	fadeMC(startboxnr, speed);
}
function fadeMC(mcnr, speed) {
	this["box"+mcnr].onEnterFrame = function() {
		this._alpha -= speed;
		if (this._alpha<=smoothness) {
			this.onEnterFrame = null;
			continueFade(this, speed);
			mcnr += 1;
			fadeOut(mcnr, speed);
		}
	};
}
function continueFade(mc, speed) {
	mc.onEnterFrame = function() {
		this._alpha -= speed;
		if (this._alpha<=0) {
			delete this.onEnterFrame;
		}
	};
}
fadeOut(0, 5);

ciao

[orenoren]

Grazie. Vorrei però chiederti ancora una cosa: nel sorgente che mi hai scritto l'immagine si carica a quadrati seguendo un'andamento "a colonna". Si possono far comparire questi quadrati - e quindi l'immagine - a caso?

Grazie anticipatamente

[nillio]

Originariamente inviato da orenoren
Grazie. Vorrei però chiederti ancora una cosa: nel sorgente che mi hai scritto l'immagine si carica a quadrati seguendo un'andamento "a colonna". Si possono far comparire questi quadrati - e quindi l'immagine - a caso?

Grazie anticipatamente

http://forum.html.it/forum/showthrea...readid=1091885

Sei recidivo eh? Ti si sta rispondendo di là, stesso script; è la seconda volta oggi, che posti la stessa domanda in thread diversi

[orenoren]

Posto la stessa domanda forse perchè rispondo allo stesso utente (enigma_79) che ha scritto la medesima cosa in due "thread" (o qualcosa del genere) diversi.
Saluti

[enigma_79]

Originariamente inviato da orenoren
Grazie. Vorrei però chiederti ancora una cosa: nel sorgente che mi hai scritto l'immagine si carica a quadrati seguendo un'andamento "a colonna". Si possono far comparire questi quadrati - e quindi l'immagine - a caso?

Grazie anticipatamente

bisogna fare una funziona che applichi l'effetto in random e non come fa adesso