jouer à la démo
télécharger le code SOURCE
Retour à la index du tutoriel
L'un des aspects les plus délicats de l'un système isométrique sont les coordonne. Avec as3isolib l'axe x longe la diagonale du coin supérieur gauche de l'écran en bas à droite. L'axe des y est perpendiculaire, allant du haut à droite en bas à gauche. L'axe des z définit la hauteur, et court vers le haut et vers le bas.
Pour démontrer comment isométrique objets se déplacent le long de ces axes, nous allons créer 3 blocs de forme légèrement différentes.
Le code est à peu près le même que le dernier tutoriel, sauf que maintenant les variables pour les différents objets, comme les boîtes et la scène, sont des variables de classe, ne fonctionnent pas des variables
protégée scène var:. IsoScene = null ; protégée box1 var: iso-box = null; protégée box2 var: iso-box = null; protégée box3 var: iso-box = null; fonction protégée appComplete (): void {var spriteContainer: SpriteUIComponent = new SpriteUIComponent (); this.addChild (spriteContainer); scène = new IsoScene (); scene.hostContainer = spriteContainer; box1 = new iso-box (); box1.
setSize (50, 50, 50); box1.moveTo (300, -100, 0); scene.addChild (box1);
Le moveToRandomPosition met en place un effet d'interpolation qui va déplacer la boîte à une position aléatoire sur le plan x /y
moveToRandomPosition (box1).; box2 = new iso-box (); box2.setSize (50, 50, 100); box2.moveTo (200, 100, 0); scene.addChild (box2); moveToRandomPosition (box2); box3 = new iso-box (); box3.setSize (50, 100, 50); box3.moveTo (500, 100, 0); scene.addChild (box3); moveToRandomPosition (box3); Parce que les boîtes se déplacer, la scène doit être ré-rendu chaque trame.
Perviously, parce que la scène était statique, nous avons fait une appel à la fonction de rendu. Maintenant, nous avons mis la fonction de enterFrame d'être appelé chaque image
this.addEventListener (Event.ENTER_FRAME, enterFrame);} La fonction enterFrame fait une chose:. Rendre la scène. En rendant chaque image le mouvement des boîtes sera visible
protégée enterFrame de fonction (event: Event): void {scene.render ();} Les fonctions randomPosition et moveToRandomPosition sont utilisés en conjonction. avec TweenLite pour déplacer les cadres sur le plan X /Y.
Notez que la fonction de moveToRandomPosition est appelé de manière récursive lorsque l'action de l'interpolation est terminée. De cette façon, nous
Iphone dessin sur une image Partie 1
- Mysql Date et heure Arithmetic
- Création d'objets JavaScript par littérale Notation
- Langages de programmation sur Le Mainframe
- Comment planifier des routines pour un ordinateur Program
- Notions de base de la POO dans Php
- Fil Encadrement d'un Web Design Outil clé:
- La possibilité d'utiliser la VoIP Termination
- Visibilité en Php Classes
- Prédéfinie de Windows Cursors
- Programmation Tutoriel Papervision 3D - Tweener