graduation 3D avec ActionScript

Share

|

Bien que le flash ne soit pas capable des vrais graphiques 3D, la sorte vue dans les jeux d'ordinateur populaires, vous pouvez créer l'illusion de 3D en employant la graduation.

Le mesurage d'un objet est une grande manière de donner votre profondeur de film. Après tout, quand un objet est parti lointain, il devrait sembler plus petit. Quand il est plus étroit, il devrait sembler plus grand.

Vous pouvez plus loin renforcer cette illusion avec le mouvement. Créons un film qui fait l'avion voyager à partir d'un coin de l'écran à l'autre, accroissant dans la balance en même temps :

Commencez par un nouveau film instantané.

Fabriquez une agrafe de film à partir d'un schéma d'un avion ou de tout autre objet. Vous pouvez placer l'agrafe de film n'importe où sur l'écran.

Attachez ce code à l'agrafe de 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 ; }

Les débuts de code en plaçant trois variables à leurs valeurs initiales. Le scaleAmt variable tient la valeur de échelle pour l'agrafe de film. Les variables X et y sont l'endroit de l'agrafe de film.

De chaque armature qui passe, toutes ces valeurs changeront. Les augmentations de variable de scaleAmt de 1. La variable de x diminue de 5, envoyant l'agrafe de film vers la gauche. La variable de y augmente de 5, envoyant l'agrafe de film vers le bas.

Comment est-ce que j'ai obtenu les valeurs 1, 5, et 5 pour les changements variables ? Simple : épreuve et erreur. Je pourrais avoir essayé de calculer les meilleures valeurs pour employer, mais il était plus facile d'essayer juste différentes valeurs jusqu'à ce que j'aie trouvé ceux qui ont fonctionnées. Cette technique est habituellement la meilleure manière de créer des effets simples comme celui-ci.

_ le xscale et _ des propriétés de yscale de l'agrafe de film sont placés au scaleAmt. _ le x et _ y sont placés convenablement.

Le résultat de ce film est que l'avion semble voler du coin upper-right au coin bas-gauche, obtenant plus près de l'utilisateur en attendant. L'illusion a créé des marques qu'elle sont évident comme si vous regardez l'avion d'en haut. Si vous dessinez l'avion dans la bonne perspective, vous pouvez rendre lui l'approche ou le mouvement parti dans n'importe quelle direction que vous voulez.

Pour vous donner un exemple de la façon dont la programmation des modèles peut différer, voici le même programme condensé dans peu de lignes. Il est utile de voir des variations comme ceci parce qu'il vous donne une idée de la liberté artistique que les programmeurs ont en écrivant leurs manuscrits.

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

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