scaling 3D con ActionScript

Share

|

Anche se il flash non è capace dei grafici reali 3D, il genere visto nei giochi di calcolatore popolari, potete generare l'illusione di 3D usando lo scaling.

Regolare un oggetto è un senso grande dare la vostra profondità di film. Dopo tutto, quando un oggetto è assente lontano, dovrebbe sembrare più piccolo. Quando è più vicino, dovrebbe sembrare più grande.

Potete più ulteriormente rinforzare questa illusione con movimento. Generiamo un film che fa l'aeroplano viaggiare da un angolo dello schermo ad un altro, crescente nella scala allo stesso tempo:

Inizi con un nuovo film istantaneo.

Faccia una clip di film da un'illustrazione di un aeroplano o dell'altro oggetto. Potete disporre la clip di film dovunque sullo schermo.

Fissi questo codice alla clip di film:

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; }

Gli inizio di codice regolando tre variabili ai loro valori iniziali. Lo scaleAmt variabile tiene il valore della scala per la clip di film. Le variabili x e y sono la posizione della clip di film.

Per ogni struttura che passa, tutti questi valori cambieranno. Gli aumenti di variabile dello scaleAmt di 1. La variabile di x diminuisce da 5, trasmettendo la clip di film il a sinistra. La variabile di y aumenta di 5, trasmettendo la clip di film giù.

Come ho ottenuto i valori 1, 5 e 5 per i cambiamenti variabili? Semplice: prova ed errore. Potrei provare a calcolare i valori migliori per usare, ma era più facile da provare appena i valori differenti fino a che non trovassi ones che funzionassero. Questa tecnica è solitamente il senso migliore generare gli effetti semplici come questo.

Sia _ il xscale che _ proprietà del yscale della clip di film è regolato a scaleAmt. _ la x e _ y è regolata giustamente.

Il risultato di questo film è che l'aeroplano sembra volare dal angolo upper-right al angolo basso-di sinistra, ottenente nel frattempo più vicino all'utente. Le marche generate l'illusione sembra come se stiate osservando l'aereo da sopra. Se estraete l'aeroplano nella giusta prospettiva, potete rendere esso il metodo o il movimento assente in tutto il senso che desiderate.

Fornirvi un esempio di come programmare gli stili può differire da, qui è lo stesso programma condensato in poche linee. È utile vedere le variazioni come questo perché vi dà un'idea della libertà artistica che i programmatori hanno quando scrive i loro scritti.

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

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