Html 5 développement de jeu: travailler avec l'objet de la scène

category Ordinateurs et logiciels / Programmation / Jeux

L'élément principal de toute simpleGame jeu est le Scene objet. Ne pas modifier directement les propriétés de la scène. Au lieu de cela, utilisez la méthode appropriée pour gérer la scène.

touchableIndique si la scène est en cours d'exécution sur une interface tactile (mobile). Retourne vrai ou faux.
toileUne référence à l'objet de toile créée par simpleGame. Peut être utilisé pour afficher canvasproperties, mais une modification devrait être fait avec scenemethods.
hauteurIndique la hauteur de la toile. Normalement utilisé forborder vérification. Changer la méthode setSize () de l'objet Scène.
largeurIndique la largeur de la toile. Normalement utilisé forborder vérification. Changer la méthode setSize () de l'objet Scène.
hautIndique la position Y de la partie supérieure de la toile dans le page.Change avec le setPosition () méthode DELA Scène objet.
gaucheIndique la position de la partie supérieure de la toile dans le page.Change avec le setPosition () méthode DELA Scène objet.
Démarrer()Début de la boucle de chronométrage. Normalement, la dernière ligne de la page deinitialisationFunction ().
clear ()Efface la scène avec la couleur de fond actuelle. Appelé atthe début de la page de mettre à jourFunction ().
Arrêtez()Arrête la boucle de chronométrage, arrêtant le jeu.
setSize (largeur, hauteur)Modifie la taille de la scène à la largeur et la hauteur indiquée.
setPos (à gauche, en haut)Déplace le coin supérieur gauche de la scène à la gauche indiquée et le haut pixels.
setSizePos (largeur, hauteur, à gauche, en haut)Fonction utilitaire pour régler la taille et la position à l'Sametime.
setBG (couleur)Change la couleur de la scène de fond. Peut être une chaîne de couleur validHTML: “ noir ”,“ # FF00CC ”, et ainsi de suite.
hideCursor ()Masque le curseur de la souris par défaut. Fréquemment utilisé dans l'initialisation() Méthode ofgames qui permettent l'entrée de la souris.
showCursor ()Affiche un curseur qui a été cachée avec hideCursor().
getMouseX ()Retourne la souris de X position sur thegame toile (pas la page globale web). Virtual joystick doit beenabled pour obtenir des positions de la souris sur un périphérique d'entrée tactile.
getMouseY ()Retourne la souris de Y position sur thegame toile (pas la page globale web). Virtual joystick doit beenabled pour obtenir des positions de la souris sur un périphérique d'entrée tactile.
Articles Similaires

A propos Auteur
Comment ajouter une réponse de la souris à votre jeu de HTML5 pour l'accès mobile Comment ajouter une réponse de la souris à votre jeu de HTML5 pour l'accès mobile

Parce que les navigateurs Web sont incompatibles dans la façon de rapporter la position de la souris, l'entrée de la souris dans la normale javascript est délicat dans le monde du jeu en HTML. La simpleGame bibliothèque gère cela en…

Comment créer une boucle d'animation dans votre jeu de html5 Comment créer une boucle d'animation dans votre jeu de html5

Si la toile définit l'espace dans un jeu HTML5, une boucle d'animation définit le temps. La plupart des jeux utilisent javascript un mécanisme appelé setInterval () à provoquer un comportement répété. Cette fonction prend deux…

Comment créer un joystick virtuel pour votre jeu de html5 Comment créer un joystick virtuel pour votre jeu de html5

Beaucoup de jeux HTML5 tactiles utilisent un mécanisme de joystick virtuel. L'utilisateur touche l'écran pour commencer l'entrée, puis glisse à apporter leur contribution. Glisser vers la gauche est lu comme le déplacement d'un joystick vers la…

Comment utiliser la balise canvas dans votre jeu de html5 Comment utiliser la balise canvas dans votre jeu de html5

La simpleGame moteur de Scène objet utilise l'une des nouvelles fonctionnalités les plus excitantes de HTML5 - la balise canvas. Cette balise passionnant vous permet de dessiner des images et d'autres éléments directement sur une partie du…

Le développement de jeux HTML5: ajout de boutons avec l'objet de GameButton Le développement de jeux HTML5: ajout de boutons avec l'objet de GameButton

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.buttonname = newGameButton…

Html5 développement de jeux pour les nuls Html5 développement de jeux pour les nuls

L'élément principal de toute simpleGame jeu est le Scene objet. Ne pas modifier directement les propriétés de la scène. Au lieu de cela, utilisez la méthode appropriée pour gérer la scène.touchableIndique si la scène est en cours…

Html5 programmation de jeux: l'ajout d'un contact avec l'objet de joystick virtuel Html5 programmation de jeux: l'ajout d'un contact avec l'objet de joystick virtuel

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.joyName = new Joy ()Crée un nouveau…

Garder votre jeu se déplaçant avec l'objet de sprite Garder votre jeu se déplaçant avec l'objet de sprite

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…

Premiers pas avec JavaFX Premiers pas avec JavaFX

La Démarrer méthode est au cœur de toute application JavaFX. Cette méthode est appelée lorsque l'application est chargée, et une référence à la primaire de l'application Stade est passé en paramètre. La Démarrer Procédé crée le Scène…

JavaFX: ajouter une caméra en perspective JavaFX: ajouter une caméra en perspective

La première étape dans la création d'une application JavaFX tridimensionnel est l'ajout d'un appareil photo à l'graphe de scène. Vous faites cela en créant un PerspectiveCamera objet, jouer avec ses paramètres, puis en appelant de la scène…

Comment mettre en place les toiles javascript pour HTML5 et CSS3 programmation Comment mettre en place les toiles javascript pour HTML5 et CSS3 programmation

Pour utiliser le tag en javascript, construire une page web HTML5 et CSS3 avec un élément dans ce commencer. Typiquement vous fournissez largeur, hauteur, et id parameters: Votre navigateur ne supporte pas la balise canvas ...À…

Alignement et positionnement dans Crystal Xcelsius Alignement et positionnement dans Crystal Xcelsius

Dans Crystal Xcelsius, vous pouvez facilement obtenir aspiré dans de passer des heures en alignant les bords des composants dans un modèle visuel. Évitez le réglage minutieux des composants en utilisant les fonctions d'alignement et de position…

Dessinez un rectangle de base avec la balise canvas HTML5 Dessinez un rectangle de base avec la balise canvas HTML5

Pour utiliser le toile tag disponible en HTML5, construire une page Web avec un toile élément en elle. Typiquement, vous fournissez largeur, hauteur, et id paramètres pour indiquer la taille de la cnavas est, comme ceci:Votre navigateur ne…

Comment inclure des images sur votre page web avec toile HTML5 Comment inclure des images sur votre page web avec toile HTML5

Alors que HTML a longtemps eu un soutien pour les images, les toile interface HTML5 ajoute une nouvelle vie à des images sur le Web. Les images peuvent être affichés à l'intérieur d'une toile, où ils peuvent être intégrés avec les…

» » » » Html 5 développement de jeu: travailler avec l'objet de la scène