Html5 développement de jeux pour les nuls

En tant que développeur de jeu, rappeler que le Sprix à l ' objet est la base pour déplacer des éléments de jeu. Ne pas modifier les propriétés directement, mais utiliser la méthode appropriée pour manipuler le sprite comme suit:

• spriteName = new Sprite (scène, imgFile, largeur, hauteur) -: Créer une instance de la classe Sprite appelé spriteName avec la scène indiquée, fichier d'image et la taille.

• Toile: Désigne la toile élément créé par la scène du sprite.

• largeur hauteurLa largeur et la hauteur de la Lutin objet en pixels.

• LARDIAG, cHeight: La largeur et la hauteur de la toile contenant le sprite.

• x, y: Position du centre du sprite.

• Dx: Delta-X, ou changer X. Décrit comment le sprite se déplace dans l'axe X. Les valeurs positives indiquent un mouvement vers la droite.

• dy: Delta-y, ou changer Y. Décrit comment le sprite se déplace dans l'axe Y. Les valeurs positives indiquent un mouvement vers le bas.

• vitesse: Affiche la vitesse actuelle du sprite dans sa direction actuelle de Voyage.

• ChangeImage (imageFile): Modifie le fichier image dans le fichier indiqué par imageFile. Utilisé pour une forme simple de l'animation.

• setImage (imageFile): Un autre nom pour ChangeImage().

• mettre à jour(): Dessine l'image de l'image-objet sur la scène basée sur le courant image, taille, imgAngle, X, et Y propriétés. Normalement appelé à la fin de la fiche de mettre à jour() fonction.

• hide (): Masque le sprite. Position de Sprite et l'angle sont encore calculées, mais le sprite ne seront pas établis, ni ne entrer en collision avec d'autres sprites.

• montrer(): Inverse la cacher() méthode, faisant surgir le visible et de répondre à des collisions.

• rapport (): Une méthode utilitaire pour afficher la position, dx, dy, la vitesse, et des valeurs d'angle de la sprite à la console du programmeur. Utile pour le débogage.

• 
  
  
  
  

  setPosition (X, Y): Définit le centre du sprite à la coordonnée spécifiée par X et Y.

• setX (x), setY (y): Définit un individu coordonnée à la valeur spécifiée.

• setDX (newDX), setDY (newDY): Change le DX ou DY propriétés aux valeurs indiquées. Réglage DX à 5 provoque le sprite à déplacer 5 pixels vers la droite jusqu'à ce que toutes les images DX est de nouveau changé (directement ou par d'autres méthodes de mouvement).

• changeXby (xChange), changeYby (yChange): Déplace le sprite la valeur indiquée dans X ou Y, mais ne fait pas une modification permanente à DX ou DY. Après la trame courante, le sprite se déplacera en fonction de ses paramètres actuels de DX et DY.

• SetSpeed ​​(vitesse): Change la vitesse du sprite à la valeur indiquée. La vitesse et la moveAngle valeurs sont utilisées ensemble pour déterminer la DX et DY propriétés du sprite. Vous pouvez régler la vitesse à une valeur négative que le sprite reculer.

• getSpeed ​​(): Retourne la vitesse actuelle basée sur le courant du sprite DX et DY des valeurs. Peut être plus précis que d'utiliser la propriété de la vitesse.

• changeSpeedBy (diff): Change la vitesse par le montant de diff. Les valeurs positives accélèrent le sprite dans le courant moveAngle direction, et les valeurs négatives ralentissent le sprite vers le bas. Il est possible d'avoir une vitesse négative. Vous voudrez peut-être limiter la vitesse minimum et maximum pour garder le jeu sous contrôle.

• setImgAngle (degrés): Changements immédiatement l'angle sous lequel le sprite est attirée sur la valeur indiquée. Ne pas modifier le mouvement du sprite.

• changeImgAngleBy (degrés): Modifie l'image l'angle du sprite. Utilisez cette méthode à plusieurs reprises pour modifier progressivement l'angle sous lequel un sprite est attirée.

• getImgAngle (): Permet de retourner le courant du sprite imgAngle. Retourne une valeur en degrés.

• setMoveAngle (degrés): Changements immédiatement l'angle sous lequel le sprite se déplace. Utilisé en conjonction avec la vitesse pour déterminer nouvelle DX et DY valeurs pour le sprite. Ne pas modifier l'apparence du sprite.

• changeMoveAngleBy (degrés): Modifie l'angle de mouvement du sprite. Utilisez cette méthode à plusieurs reprises pour modifier progressivement l'angle de mouvement d'un sprite.

• getMoveAngle (): Retourne angle de mouvement en cours du sprite en degrés.

• setAngle (degrés): Définit immédiatement l'image et le mouvement des angles à la même valeur. A utiliser lorsque le sprite déplace dans la direction il est confronté.

• changeAngleBy (degrés): Modifie la fois l'image et les angles de déplacement. Utilisez cette méthode plusieurs fois pour changer progressivement la direction du sprite.

• turnBy (degrés): Un autre nom pour changeAngleBy().

• addVector (degrés, la force): Ajoute un vecteur de force au sprite à l'angle indiqué et la force. Cette méthode extrêmement puissant peut être utilisé pour ajouter des comportements basés sur la physique comme la gravité, les orbites, et de débardage. Ne modifie que l'angle de mouvement.

• setBoundAction (action): Changer la boundAction de l'image-objet pour une des opérations suivantes: BOUNCE, WRAP, ARRÊTEZ, DIE, ou CONTINUER.

• CheckBounds (): Si vous avez un comportement limite qui ne sont pas couverts par l'une des actions par défaut, vous pouvez écrire votre propre CheckBounds() Procédé. Vous êtes responsable de vérifier toutes les conditions aux limites, et les actions par défaut ne serez plus vérifié pour ce sprite. Il ne faut jamais appeler le CheckBounds() Procédé. Elle est appelée automatiquement par le sprite de mettre à jour() Procédé.

• collidesWith (sprite): Retourne true si le rectangle de délimitation de cette sprite chevauche le rectangle du paramètre lutin. Retourne false si les sprites ne se chevauchent pas ou soit sprite est caché.

• *distanceTo (sprite): Renvoie la distance (en pixels) entre le centre du sprite courant et le centre du paramètre lutin. Non affecté par la taille ou l'angle de l'image du sprite.

• angleTo (sprite): Renvoie l'angle (en degrés) entre le centre du sprite courant et le centre du paramètre lutin.

• loadAnimation (largeur, hauteur, cellWidth, cellHeight): Indique que l'image associée à un sprite est en fait une feuille de sprite. Les paramètres de largeur et de hauteur indiquent la largeur et la hauteur du sprite, et la cellWidth et cellHeight déterminer la largeur d'une cellule d'animation unique.

• (generateAnimationCycles): Génère une série d'animations sur la base de la feuille de sprite. Le comportement par défaut suppose que chaque ligne est un état et chaque colonne est un cadre de l'animation au sein de cet État.

• renameCycles (cycleNameArray): Renomme chaque cycle. Chaque élément du tableau doit être un nom lisible par l'homme pour l'état correspondant.

• setAnimationSpeed ​​(vitesse): Définit le délai utilisé lorsque la bibliothèque feuillette les images d'animation. Des valeurs plus élevées entraînent animations lentes.

• setCurrentCycle (cycleName): Change le cycle de l'animation à la valeur indiquée. Utilisez l'un des noms définis avec le renameCycles() Procédé.

• PlayAnimation (): Début de l'animation, qui se poursuivra jusqu'à la pause.

• pauseAnimation (): Arrête l'animation actuelle.

Vous utilisez le Sonner objet à créer deux sons par objet - un MP3 et une OGG - pour assurer les effets sonores dans votre jeu fonctionnera sur la plupart des navigateurs HTML5 conformes.

La TImer objet vous aidera à garder une trace du temps dans vos jeux. Vous pouvez avoir autant de temporisations que vous le souhaitez dans votre jeu.

Créer un Joystick opposer chaque fois que vous pensez que votre jeu peut être utilisé sur les appareils tactiles. De la scène getMouseX () et getMouseY () méthodes vont répondre à la saisie tactile.

Un jeu HTML5 programmeur peut utiliser un accéléromètre (le Accel objet) pour lire l'inclinaison et de mouvement sur l'entrée périphériques pris en charge, tels que les tablettes et les téléphones.

Si votre jeu ne permet la saisie au clavier, les utilisateurs avec appareils à écran tactile peuvent ne pas être en mesure de jouer. Utilisez le GameButton opposer à ajouter des boutons de l'écran tactile soutenue.