Comment faire pour créer le jeu de marbre roulant dans votre jeu de html5

Ce type de HTML5 jeu est conçu spécifiquement pour les appareils mobiles avec un accéléromètre (bien que cela fonctionne sur un ordinateur de bureau). L'idée est de faire pencher l'appareil pour déplacer une balle dans le but bleu sans toucher aucun des blocs. Chaque fois que l'utilisateur atteint l'objectif, le jeu est redessiné avec un bloc supplémentaire, rendant le jeu plus difficile.

Gérer double entrée de votre jeu

Peut-être la partie la plus intéressante de ce jeu est son nouveau mécanisme d'entrée. Il se sent très naturel d'incliner l'écran pour le mouvement de la balle.

1. Créer un Accel objet.

   Mettez l'accéléromètre par la création d'une instance de la Accel objet.

2. Construire un checkAccel () Procédé.

   Un procédé a été ajouté à la Balle objet qui vérifie l'accéléromètre.

3. Obtenez la rotation de l'accéléromètre.

   Utilisez le Getax () et getAY () méthodes pour trouver la quantité de rotation autour de ces axes.

4. Autre rotation à dx et dy des valeurs.

   
   
   
   
   

   Vous pouvez utiliser des mécanismes pour convertir la rotation à des valeurs de mouvement appropriées.

5. Ajouter une entrée de clavier optionnel.

   Il est beaucoup plus facile à déboguer un programme sur un ordinateur de bureau que sur un appareil mobile, de sorte que vous pouvez ajouter une option d'entrée alternatif de sorte que vous pouvez tester autant du programme que possible avant de passer à la plate-forme mobile. Utilisez le Scène La classe de touchable propriété pour déterminer si vous utilisez un appareil mobile. Cette approche permet également le jeu jouable pour un plus large éventail d'utilisateurs.

Voici le code (dans la principale mettre à jour() fonction) pour vérifier quel type d'entrée est disponible:

 // obtenir la contribution de l'accéléromètre ou keyboardif (game.touchable) {ball.checkAccel () -} else {ball.checkKeys () -}

Et voici le checkAccel () Procédé selon la Balle objet:

 tBall.checkAccel = function () {// utiliser l'accéléromètre pour obtenir inputnewDX = accel.getAY () - newDY = accel.getAX () - newDX * = -5-newDY * = -5-ball.setDX (newDX) - ball.setDY (newDY) -} // fin checkAccel

Comment construire obstacles de jeu

Une autre caractéristique intéressante de ce jeu est le niveau de plus en plus de difficulté. Obtenir le niveau d'un jeu correct de difficulté est très difficile. Vous voulez que le jeu soit battable, mais battre le jeu a besoin de se sentir comme un accomplissement. Une façon d'atteindre cet objectif est de commencer avec un niveau de difficulté très facile, puis rampe jusqu'à le jeu devient plus difficile.

Pour le jeu de marbre, utiliser un tableau de blocs que l'obstacle. Quand le jeu commence, il ya seulement dix blocs sur l'écran, il est donc assez facile d'obtenir à la cible sans toucher les blocs. Chaque fois que le joueur atteint la cible, le jeu de scène est redessiné avec un bloc plus.

Les blocs et l'objectif sont établis à des positions aléatoires sur l'écran. Cependant, vous devez faire attention de ne pas créer une situation impossible. La Bloc objet de réinitialiser() méthode tente de placer un bloc à une position aléatoire sur l'écran.

Cependant, si le bloc entre en collision avec le but, le jeu sera difficile de gagner. De même, si le bloc entre en collision avec la position actuelle de la balle, le joueur perdra immédiatement. Si une de ces conditions se produit, le bloc est redessiné jusqu'à une position juridique est disponible.

Les blocs se chevauchent librement, mais vous pourriez ajouter cette contrainte ainsi. Voici le bloc réinitialisation de routine:

 tBlock.reset = function () {// ne me laisse pas chevaucher le but ou ballkeepGoing = true-tout (keepGoing) {newX = Math.random () * this.cWidth-Newy = Math.random () * cela. cHeight-this.setPosition (newX, Newy) -keepGoing = false-si (this.collidesWith (but)) {keepGoing = vrai-} // fin IFIF (this.distanceTo (balle) lt; 150) {keepGoing = vrai- } // fin si} // fin boucle while} // fin de réinitialisation

Comment améliorer le jeu de marbre

Le jeu de marbre est tout à fait jouable comme elle est, mais tout jeu peut être améliorée. Voici quelques suggestions:

• Ajouter une limite de temps. Demander à l'utilisateur d'atteindre la cible à un moment précis.

• Ajouter de nouveaux types de barrières. Barrières de différentes tailles vont changer le gameplay.

• Changer limite l'action de la balle. Dans cette version du jeu, la balle enroule autour de l'écran. Cela ajoute un élément tactique supplémentaire pour le jeu, mais vous pouvez préférer arrêter à la frontière.

• Ajouter des bonus. Vous pouvez toujours ajouter des éléments spéciaux qui changent temporairement gameplay. Peut-être envisager de faire la balle invincible pendant quelques secondes, ou inversion de gravité (multiplier dx et dy à la fois par -1). Vous pouvez également modifier temporairement la taille de la balle ou une mise sous tension qui réinitialise le niveau actuel.

• Créez des blocs en mouvement. Le jeu change complètement si les blocs se déplacent également. Vous aurez probablement envie qu'ils se déplacent très lentement dans une direction aléatoire, car cette fonction pourrait rendre le jeu beaucoup plus difficile.

• Apporter des améliorations cosmétiques. Bien sûr, vous pouvez toujours ajouter des effets sonores, un mécanisme de score élevé, et des graphiques améliorés.