*   >> Lectura Educación Artículos >> science >> programación

AS3IsoLib Tutorial Series - Moving Boxes

JUGAR LA DEMO

DESCARGAR EL CÓDIGO FUENTE

VOLVER A EL INDICE TUTORIAL

Uno de los aspectos más difíciles de un sistema isométrico son los coordenadas. Con as3isolib el eje X corre a lo largo de la diagonal desde la parte superior izquierda de la pantalla a la parte inferior derecha. El eje Y es perpendicular, que va desde la parte superior derecha de la parte inferior izquierda. El eje z define la altura, y se extiende hacia arriba y hacia abajo.


Para demostrar cómo isométrico objetos se mueven a lo largo de estos ejes vamos a crear 3 bloques con forma ligeramente diferentes. El código es más o menos el mismo que el último tutorial, excepto que ahora las variables para los distintos objetos, como las cajas y la escena, son variables de clase, no funcionan las variables

 escena var protegida:.

IsoScene = null ; box1 var protegida: IsoBox = null; box2 var protegida: IsoBox = null; box3 var protegida: IsoBox = null; función protegida AppComplete (): void {var spriteContainer: SpriteUIComponent = new SpriteUIComponent (); this.addChild (spriteContainer); escena = new IsoScene (); scene.hostContainer = spriteContainer; box1 = new IsoBox (); box1.setSize (50, 50, 50); box1.moveTo (300, -100, 0); scene.addChild (box1);

El moveToRandomPosition crea un efecto de interpolación que mover el cuadro a una posición aleatoria en el plano x /y

 moveToRandomPosition (box1).

; box2 = new IsoBox (); box2.setSize (50, 50, 100); box2.moveTo (200, 100, 0); scene.addChild (box2); moveToRandomPosition (box2); Caja3 = new IsoBox (); box3.setSize (50, 100, 50); box3.moveTo (500, 100, 0); scene.addChild (Caja3); moveToRandomPosition (Caja3);

Debido a que las cajas se mueven, la escena tiene que ser re-rendido cada fotograma. Perviously, porque la escena era estático, hicimos la llamada a la función render. Ahora hemos creado la función enterFrame ser llamado cada fotograma

 this.addEventListener (Event.

ENTER_FRAME, enterFrame);}

La función enterFrame hace una cosa:. Renderizar la escena. Por haciéndola cada cuadro el movimiento de las cajas será visible

 función enterFrame protegida (event: Event): void {scene.render ();} 

Las funciones randomPosition y moveToRandomPosition se utilizan conjuntamente. con TweenLite para mover las cajas en el plano x /y. Observe que la función moveToRandomPosition se llama de forma recursiva cuando la acción interpolación ha completado.

De esta manera podemos

Page   <<       [1] [2] >>
Copyright © 2008 - 2016 Lectura Educación Artículos,https://lectura.nmjjxx.com All rights reserved.