scaling 3D com ActionScript

Share

|

Embora o flash não seja capaz dos gráficos 3D reais, o tipo visto em jogos de computador populares, você pode criar o illusion de 3D usando o scaling.

Escalar um objeto é uma maneira grande dar sua profundidade do filme. Apesar de tudo, quando um objeto está ausente distante, deve olhar menor. Quando é mais próximo, deve olhar mais grande.

Você pode mais mais strengthen este illusion com movimento. Deixe-nos criar um filme que faça o avião viajar de um canto da tela a outro, crescendo na escala ao mesmo tempo:

Comece com um filme flash novo.

Faça um grampo do filme fora de um desenho de um avião ou do outro objeto. Você pode colocar o grampo do filme em qualquer lugar na tela.

Una este código ao grampo do filme:

onClipEvent(load) {scaleAmt = 10; x = 525; y =
25; }

onClipEvent(enterFrame) {scaleAmt++; x - = 5;
y + = 5;

 this._xscale = scaleAmt; this._yscale = scaleAmt; 
this._x = x; this._y = y; }

Os começos do código ajustando três variáveis a seus valores iniciais. O scaleAmt variável prende o valor de escala para o grampo do filme. As variáveis x e y são a posição do grampo do filme.

Para cada frame que passa, todos estes valores mudarão. Os aumentos da variável do scaleAmt por 1. A variável de x diminui por 5, emitindo o grampo do filme à esquerda. A variável de y aumenta por 5, emitindo o grampo do filme para baixo.

Como eu comecei os valores 1, 5, e 5 para as mudanças variáveis? Simples: experimentação e erro. Eu poderia ter tentado calcular os mais melhores valores para usar-se, mas foi mais fácil tentar apenas valores diferentes até que eu encontrei que trabalharam. Esta técnica é geralmente a mais melhor maneira criar efeitos simples como este.

_ o xscale e _ propriedades do yscale do grampo do filme é ajustado ao scaleAmt. _ o x e _ y é ajustado apropriadamente.

O resultado deste filme é que o avião parece voar do canto upper-right ao canto baixo-esquerdo, começando mais perto do usuário no entrementes. O illusion criou makes que parece como se você está vendo o plano de acima. Se você extrair o avião no perspective direito, você pode fazer lhe a aproximação ou o movimento ausente em todo o sentido que você quiser.

Para dar-lhe um exemplo de como programar estilos pode diferir, é aqui o mesmo programa condensado em poucas linhas. É útil ver variações como isto porque lhe dá uma idéia da liberdade artística que os programadores têm ao escrever seus certificados.

onClipEvent(load) {this._x = 525; this._y = 25; 
}

onClipEvent(enterFrame) {this._xscale++; 
this._yscale++; this._x - = 5; this._y + = 5; 
}