La proprieta z della classe MovieClip di Flash CS4

[Flep]

Qual' è la prima cosa che mi salta all' occhio guardando la reference della classe MovieClip di Flash CS4 ?

Naturalmente la proprietà z !

Con Flash CS3 abbiamo visto come simularla:

• visualizzatore 3D di immagini


• simulazione asse Z con Flash CS3

La grossa novità di Flash CS4 è che non dobbiamo più addentrarci in codici matematici alquanto difficili e che sicuramente ci frenavano dal continuare a creare animazioni che simulassero la terza dimensione.

La famosa asse z è stata implementata nella versione Actionscript 3.0 di Flash CS4 ed è semplice da utilizzare.

Questo è il primo semplice tutorial che mostra come utilizzare la proprietà z.

var clips:int=500;
var distance:int=20;
createClips();
function createClips():void
{
	for(var i:int=0;i < clips;i++)
	{
		var clip:Clip=new Clip();
		
		clip.x=stage.stageWidth/2-200;
		clip.z=10000-distance*i;
		
		addChild(clip);
	}
}

var clips:int=500;
var distance:int=20;
createClips();
function createClips():void
{
	for(var i:int=0;i < clips;i++)
	{
		var clip:Clip=new Clip();
		
		clip.x=stage.stageWidth/2+100;
		clip.z=10000-distance*i;
		
		addChild(clip);
	}
}

var clips:int=500;
var distance:int=20;
createClips();
function createClips():void
{
	for(var i:int=0;i < clips;i++)
	{
		var clip:Clip=new Clip();
		
		clip.x=stage.stageWidth/2-200;
		clip.y=stage.stageHeight/2+100;
		clip.z=10000-distance*i;
		
		addChild(clip);
	}
}

var clips:int=500;
var distance:int=20;
createClips();
function createClips():void
{
	for(var i:int=0;i < clips;i++)
	{
		var clip:Clip=new Clip();
		
		clip.x=stage.stageWidth/2+100;
		clip.y=stage.stageHeight/2+100;
		clip.z=10000-distance*i;
		
		addChild(clip);
	}
}

var clips:int=500;
var distance:int=20;

createClips();
createClips2();
createClips3();
createClips4();

function createClips():void
{
	for(var i:int=0;i < clips;i++)
	{
		var clip:Clip=new Clip();
		
		clip.x=stage.stageWidth/2-200;
		clip.z=10000-distance*i;
		
		addChild(clip);
	}
}

function createClips2():void
{
	for(var i:int=0;i < clips;i++)
	{
		var clip:Clip=new Clip();
		
		clip.x=stage.stageWidth/2+100;
		clip.z=10000-distance*i;
		
		addChild(clip);
	}
}

function createClips3():void
{
	for(var i:int=0;i < clips;i++)
	{
		var clip:Clip=new Clip();
		
		clip.x=stage.stageWidth/2-200;
		clip.y=stage.stageHeight/2+100;
		clip.z=10000-distance*i;
		
		addChild(clip);
	}
}

function createClips4():void
{
	for(var i:int=0;i < clips;i++)
	{
		var clip:Clip=new Clip();
		
		clip.x=stage.stageWidth/2+100;
		clip.y=stage.stageHeight/2+100;
		clip.z=10000-distance*i;
		
		addChild(clip);
	}
}

La prima cosa che si nota è il comportamento della proprietà z.

Più il valore è alto e più si allontana dalla prospettiva.

Questo significa che ad esempio una MovieClip con un valore della sua proprietà z pari a 1000 sarà più lontana di una MovieClip con valore -1000.

Inoltre, se provate a impostare i valori di x ed y pari a stage.stageWidth/2 e stage.stageHeight/2 ( quindi esattamente al centro ) vi renderete conto che l' effetto 3D svanisce.

Inoltre, più il valore della variabile "distance" è alto e più le MovieClip saranno distanziate una dall' altra.

PS: il punto di registrazione del quadrato è a 0,0 .

Fate i vostri esperimenti !

Allego il file sorgente: