Desarrollo de juegos HTML5 para dummies

Como un desarrollador de juegos, recuerde que el Sprite objeto es la base para mover elementos de juego. No cambie las propiedades directamente, sino utilice el método apropiado para manipular el sprite de la siguiente manera:

• spriteName = new Sprite (escena, imgFile, ancho, alto) -: Crear una instancia de la clase Sprite llamada spriteName con la escena indicada, archivo de imagen, y el tamaño.

• Lienzo: Se refiere a lona elemento creado por la escena del sprite.

• anchura, altura: La anchura y la altura de la Sprite objeto en píxeles.

• DANCHO, cHeight: La anchura y la altura de la tela que contiene el sprite.

• x, y: Posición del centro del sprite.

• Dx: Delta-X, o cambiar en X. Describe cómo el sprite se moverá en el eje X. Los valores positivos indican movimiento hacia la derecha.

• dy: Delta-y, o cambiar en Y. Describe cómo el sprite se moverá en el eje Y. Los valores positivos indican movimiento hacia abajo.

• velocidad: Muestra la velocidad actual del sprite en su dirección actual de viaje.

• changeImage (imageFile): Cambia el archivo de imagen en el archivo indicado por archivo de imagen. Se utiliza para una simple forma de animación.

• setImage (imageFile): Otro nombre para changeImage().

• update (): Dibuja la imagen del sprite en escena basada en la corriente imagen, tamaño, imgAngle, X, y Y propiedades. Normalmente se llama al final de la página de actualización() función.

• esconder(): Oculta el sprite. Posición Sprite y el ángulo aún se calculan, pero el sprite no se sentirán atraídos, ni tendrán que chocar con otros sprites.

• espectáculo(): Invierte el esconder() método, hacer visible lo comparecer y responder a colisiones.

• informe (): Un método de utilidad para la visualización de la posición, dx, dy, la velocidad, y los valores angulares del sprite para la consola del programador. Útil para la depuración.

• setPosition (X, Y): Establece el centro del sprite a la coordenada especificada por X y Y.

• setX (x), setY (y): Establece un individuo a coordinar con el valor especificado.

• setDX (newDX), setDY (newDY): Cambia el DX o DY propiedades a los valores indicados. Ajuste DX a 5 hace que el sprite para mover 5 píxeles hacia la derecha cada cuadro hasta DX se cambia de nuevo (directamente oa través de otros métodos de movimiento).

• changeXby (Xchange), changeYby (yChange): Mueve el sprite el valor indicado en X o Y, pero no hace un cambio permanente en DX o DY. Después de que el marco actual, el sprite se moverá en función de sus ajustes actuales de DX y DY.

• SetSpeed ​​(velocidad): Cambia la velocidad del sprite con el valor indicado. La velocidad y la moveAngle valores se utilizan en conjunto para determinar la DX y DY propiedades del sprite. Puede establecer la velocidad a un valor negativo para que el sprite se mueve hacia atrás.

• getSpeed ​​(): Devuelve la velocidad actual basado en la corriente del sprite DX y DY los valores. Puede ser más preciso que el uso de la propiedad de velocidad.

• changeSpeedBy (dif): Cambia la velocidad en la cantidad diff. Los valores positivos aceleran el sprite en la corriente moveAngle dirección, y los valores negativos retrasan el sprite hacia abajo. Es posible tener una velocidad negativa. Es posible que desee limitar las velocidades mínimas y máximas para mantener el juego bajo control.

• setImgAngle (grados): Inmediatamente cambia el ángulo en el que el sprite se dibuja con el valor indicado. No modifica el movimiento del sprite.

• changeImgAngleBy (grados): Modifica ángulo de imagen del sprite. Utilice este método varias veces para cambiar gradualmente el ángulo en el que se dibuja un sprite.

• getImgAngle (): Se utiliza para devolver la corriente del sprite imgAngle. Devuelve un valor en grados.

• setMoveAngle (grados): Inmediatamente cambia el ángulo en el que los sprites se mueve. Se utiliza junto con la velocidad para determinar nueva DX y DY valores para el sprite. No modifica el aspecto del sprite.

• changeMoveAngleBy (grados): Modifica ángulo de movimiento del sprite. Utilice este método varias veces para cambiar gradualmente el ángulo de movimiento de un sprite.

• getMoveAngle (): Devuelve el ángulo de movimiento actual del sprite en grados.

• setAngle (grados): Establece inmediatamente la imagen y el movimiento ángulos en el mismo valor. Se utiliza cuando el sprite se desplaza en la dirección en la que se enfrenta.

• changeAngleBy (grados): Modifica la imagen y ángulos de movimiento. Utilice este método varias veces para cambiar gradualmente la dirección del sprite.

• turnBy (grados): Otro nombre para changeAngleBy().

• addVector (grados, la fuerza): Añade un vector de fuerza para el sprite en el ángulo indicado y la fuerza. Este método muy potente se puede utilizar para agregar comportamientos basados ​​en la física como la gravedad, órbitas, y derrape. Modifica sólo el ángulo de movimiento.

• setBoundAction (acción): Cambiar el boundAction del sprite a uno de los siguientes: BOTE, WRAP, DETÉNGASE, DIE, o CONTINUAR.

• checkBounds (): Si usted tiene un comportamiento límite que no está cubierta por una de las acciones por defecto, usted puede escribir su propia checkBounds() método. Usted es responsable de revisar todas las condiciones de contorno, y las acciones predeterminadas ya no realizará pruebas de este elemento sprite. Nunca es necesario llamar a la checkBounds() método. Se llama automáticamente por la década de los sprites actualización() método.

• collidesWith (sprites): Devuelve true si delimitador rectángulo de este elemento sprite es la superposición del rectángulo del parámetro duende. Devuelve false si los sprites no se superponen o ya sea Sprite es oculto.

• *distanceTo (sprites): Devuelve la distancia (en píxeles) entre el centro del sprite actual y el centro del parámetro duende. No se ve afectado por el tamaño de la imagen del sprite o ángulo.

• angleTo (sprites): Devuelve el ángulo (en grados) entre el centro del sprite actual y el centro del parámetro duende.

• loadAnimation (ancho, alto, cellWidth, cellHeight): Indica que la imagen asociada con un sprite es en realidad una hoja de sprites. Los parámetros de anchura y altura indican el ancho y la altura del sprite, y la cellWidth y cellHeight determinar el ancho de una sola célula de animación.

• generateAnimationCycles (): Genera una serie de animaciones basadas en la hoja de sprites. El comportamiento por defecto supone que cada fila es un estado y cada columna es un marco de la animación dentro de ese estado.

• renameCycles (cycleNameArray): Cambia el nombre de cada ciclo. Cada elemento de la matriz debe ser un nombre legible por humanos para el estado correspondiente.

• setAnimationSpeed ​​(velocidad): Establece la demora utilizada cuando la biblioteca voltea a través de los cuadros de animación. Los valores más altos producen animaciones más lentas.

• setCurrentCycle (cycleName): Cambia el ciclo de animación al valor indicado. Utilice uno de los nombres definidos con el renameCycles() método.

• ReproducirAnimación (): Empieza la animación, que continuará hasta que se detuvo.

• pauseAnimation (): Detiene la animación actual.

Se utiliza el Sonar objeto de crear dos sonidos por objeto - un MP3 y un OGG - para asegurar que los efectos de sonido en el juego funcionará en la mayoría de los navegadores HTML5 compatibles.

los Timer objeto le ayudará a mantener la noción del tiempo en sus juegos. Usted puede tener tantos temporizadores como desee en su juego.

Crear un Joystick objeto cada vez que piensa que su juego puede ser utilizado en los dispositivos táctiles. Las escenas getMouseX () y getMouseY () métodos responderán a la entrada táctil.

Un juego programador HTML5 puede utilizar un acelerómetro (el Accel objeto) para leer la inclinación y el movimiento de entrada en los dispositivos compatibles, tales como tabletas y teléfonos.

Si el juego sólo permite la entrada de teclado, los usuarios con dispositivos de pantalla táctil puede no ser capaz de jugar. Utilizar el gameButton oponerse a añadir botones táctiles-compatible.