Comment créer un jeu Android avec Stencyl

 StencylScene
Il existe de nombreuses façons de développer pour Android, surtout si vous voulez faire des jeux. Ici, à l’Autorité Android, nous avons couvert la Corona SDK , Unity3D 2D choses et GameMaker: studio . Tous ces programmes sont grands, mais ils sont soit une courbe d’apprentissage élevée, comme l’unité, ou sont tout simplement cher, comme est le cas avec GameMaker: Studio. Je voulais faire un guide très simple (et gratuit) sur la façon de faire des jeux pour Android, et la meilleure solution est Stencyl. Stencyl offre presque tout GameMaker: Studio offre tout en étant libre et tout aussi facile. le développement de jeux Android n’a pas à être difficile ou coûtera de l’argent. Commençons.


L’interface utilisateur


La première chose est télécharger Stencyl . Suivant est le Kit Crash Course de Stencyl, nous allons utiliser ce téléchargement direct link. Cela inclut tout le nécessaire pour commencer à faire le jeu dans ce guide.

L’interface utilisateur est divisée en trois parties principales, qui sont colorées à des fins de démonstration. En commençant par le panneau bleu sur le dessus, c’est là quelques raccourcis rapides sont répartis. Cela inclut la possibilité de créer une nouvelle ressource, enregistrer le jeu, plate-forme de changement et tester le jeu. Vient ensuite la section verte, c’est là toutes les options apparaîtront lorsque vous travaillez avec une ressource particulière. Dans l’image ci-dessus cet espace est utilisé pour afficher tous les types d’acteurs dans le jeu. Enfin, il y a le panneau rouge, cela est beaucoup plus compliqué que les autres panneaux. C’est là toutes les ressources et leurs options respectives sont tenus, ainsi que des pièces logiques comme code. Voici une ventilation de chaque partie:

  • Types d’acteur – Tout ce qui peut se déplacer ou être interagi avec est considéré comme un acteur. Cette page comprend les sprites, le nom et les animations qui sont inclus dans ce cas particulier. Il existe également des options pour les boîtes de collision sur une base par sprite ainsi que le contrôle de la physique
  • Arrière-plans -.. Tout comme le nom l’indique, c’est l’endroit où les images d’arrière-plan iraient
  • Polices – Ceci est une caractéristique très agréable. Cette option vous permet de faire une certaine police, y compris le type, la taille et la couleur, de cette façon vous pouvez simplement importer une police donnée présélectionner dans une scène sans avoir à le configurer maintes et maintes fois
  • Scènes -. Cette est l’endroit où vous pouvez faire des niveaux ou des «scènes» dans ce cas. Ici, vous pouvez ajouter des tuiles, des ennemis, les joueurs et rien d’autre à faire fonctionner le jeu. Vous aurez besoin de nommer les lieux et aussi définir sa taille. Remarque: la taille n’a pas besoin d’être les mêmes que les dimensions définies pour le jeu, avec une caméra fixe la scène peut facilement être plus grand faisant un effet de défilement
  • Sons – Ceci est l’endroit où vous pouvez importer des sons. , les formats supportés sont MP3 (pour flash) et OGG (pour tout le reste). Il y a la possibilité de payer le son, ainsi que modifier le son dans un éditeur externe de votre choix, comme Adobe Audition
  • Tilesets -. Ceci est une collection de carreaux qui peuvent être utilisés dans l’écran des scènes. Ici vous pouvez comprendre des notes pour chaque tuile ainsi que sa configuration de collision
  • Comportements Acteur -. Si vous cliquez sur ce en Stencyl et cliquez sur l’un des comportements énumérés, vous verrez un tas d’options qui peuvent être réglé. Cela inclut tout le nécessaire pour faire fonctionner le jeu. La plupart sont explicites et avec un peu de déconner vous rapidement comprendre les tenants et les aboutissants de la traînée et le système drop
  • Scène Comportements -. Ceux-ci peuvent inclure des moyens pour frayer ennemis, pièces de monnaie ou analogues. Ceux-ci sont configurées de la même manière que les comportements des acteurs
  • code -. Cela inclut tous les scripts qui peuvent être nécessaires. Les scripts peuvent faire presque tout le jeu et peut se révéler très utile. . Ce tutoriel ne pas utiliser des scripts, mais

Glissez et déposez


Stencyl utilise une interface glisser-déposer pour faire la logique dans les jeux. Si vous cliquez sur un comportement d’acteur dans cet exemple, vous verrez un grand bloc de conditions et de pseudo-code que les pouvoirs que le comportement. Cela semble assez intimidant, mais ne pas avoir peur, tout cela va avec votre intuition. Tout est également un code couleur qui correspond à quelle partie de la barre d’outils la plus à droite de cette ligne est venu. En parlant de cette barre d’outils, il y a 13 éléments de menu différents, vous pouvez cliquer sur des sous-menus et des blocs qui peuvent être placés. Un guide fantastique sur tout cela peut être trouvé sur le site de Stencyl . Stencyl a également la fonctionnalité à utiliser avec le code directement si vous êtes dans cela, et même si vous n’êtes pas, vous pouvez toujours regarder le code (mais pas le modifier) ​​si vous voulez essayer de mieux comprendre ce qui se passe . Le langage de programmation est un langage de programmation de base orientée objet très similaire à Java et offre des possibilités infinies.

Création d’un jeu simple


Ouvrir Stencyl et cliquez sur” Cliquez ici pour créer un nouveau jeu “puis cliquez sur” Kit crash Course “et” next “. Si le “Crash Course Kit” ne se présente pas aller au fichier & gt; Importer jeu et puis importer le kit. Tapez un nom et la taille du jeu, j’utilisé 1280 × 720 dans une orientation paysage. Une fois que le jeu est créé, vous serez placé dans le tableau de bord, où toute la magie se produit, comme nous avons discuté plus tôt. Passons à l’étape suivante.

Maintenant, vous devez faire des groupes, ce qui permettra de collisions. La première chose à faire est d’ouvrir le volet des paramètres. Ceci est dans le panneau bleu marqué dans la première image. Ensuite, cliquez sur “Groupes” sur le côté gauche. Cliquez sur “Créer nouveau” pour créer un nouveau groupe, nommez-le “Ennemis” et assurez-vous qu’elle entre en collision avec “joueurs” et “Tiles” (ils se tourneront vert si elles sont sélectionnées). Cliquez sur OK.

stencyl-ennemis groupe-16x9

& nbsp;

maintenant, il est temps de donner aux acteurs certains comportements. Cela apportera plus de vie dans le jeu et ajouter quelques animations aussi bien. Ce que vous devez faire est d’aller dans l’écran spécifique de l’acteur pour “Noni” et “Clown” puis sélectionnez “Comportements” sur le milieu, en haut de l’écran. Cliquez au milieu de l’écran et ajouter l’animation de marche pour Noni. Une fois ajouté un écran sera présenté qui demande pour certaines animations. Ils sont explicites et en cliquant dessus vous permettra d’ajouter les animations correspondantes. Répétez cette étape (en cliquant sur “Ajouter Comportement” en bas à gauche), mais maintenant avec le saut, assurez-vous d’ajouter la clé comme “action1″ pour faire le joueur saut et d’ajouter le son de saut dans le menu déroulant aussi bien. Nous ne sommes pas encore tout à fait fini comme il y a un peu plus de comportements que nous devons ajouter, à savoir «Mourir dans la fosse et rechargez» et «Stomp sur les ennemis”. Pour “Stomp sur les ennemis” choisir le groupe stompable à “ennemis” et la touche de saut pour “action1”. Le dernier est “Die dans la fosse et recharger”, mais il n’y a rien à configurer.

Maintenant, passer à la “Clown”. Pour trouver le “Clown”, cliquez sur l’onglet Tableau de bord et assurez-vous que «Types d’acteur” est sélectionné

Le “Clown” est beaucoup plus facile à configurer, avec seulement deux étapes. Allez à l’onglet “Propriétés” dans l’onglet “Clown” et changer le groupe à “Ennemis”. Ensuite, allez dans l’onglet “Comportements” et ajouter le comportement “stompable”. De là, ajouter l’animation “Stomped” et ajouter le son “Stomp”. Voilà pour le joueur et les ennemis!

Les derniers acteurs qui doivent être créés sont les boutons qui permettront au joueur de contrôler par le toucher. Ceux-ci peuvent être un dessin, mais j’opté pour deux boutons fléchés et bouton de saut. Si vous ne voulez pas concevoir vos propres images puis passez à l’StencylForge et télécharger le pack “Bouton mobile virtuel» sous la section «Types d’acteurs”.

La première chose à faire est de mettre en place trois nouveaux acteurs, “LeftButton”, “RightButton” et “JumpButton”. Aller à l’onglet Tableau de bord, puis “Types d’acteur” et enfin cliquer sur la case en pointillés à “créer un nouveau type d’acteur.”

Aller à la “Touche mobile virtuel”, cliquez sur la flèche “gauche” et puis cliquez sur “Frame Copier” dans la barre d’outils grise vers le bas de la section “Cadres”. Maintenant, allez dans l’onglet “LeftButton”, cliquez sur la case en pointillés à “ajouter une animation” et cliquez sur “Coller cadre.” Rester sur l’onglet “LeftButton” allez à la section “Physique” et cliquez sur le bouton radio qui dit: “Vous ne pouvez pas déplacer ». Cela rendra le bouton à l’abri des effets de la gravité de la scène. Répétez ces étapes pour les bons et de saut des boutons.
 StencylLeftButton
Les prochaines étapes peuvent obtenir un peu poilue, afin de lire attentivement et assurez-vous que vous prenez votre temps … Ensuite est d’aller à l’onglet “Evénements” dans l’écran “LeftButton”. Cliquez sur “Ajouter un événement” un vol stationnaire au-dessus de “Input” et cliquez sur “Sur Acteur”, cela va placer un petit bloc sur le milieu à droite de l’écran. Modifiez la condition “est pressée sur” en cliquant sur le menu déroulant juste après “lorsque la souris” sur le bloc brunâtre.

Aller à “Attributs” sur la partie supérieure droite de l’écran (près de débit , Scène , Chiffres & amp; texte ) et cliquez sur “Game Attributs” juste en dessous. Une fois qu’il crée un nouvel attribut de jeu. Nous devons effectivement faire trois, nommez-les “move_left”, “move_right” et “saut”. Cliquez sur booléenne pour les trois et les mettre à false par défaut.

java-rev1a-video-vignette Voir aussi: tutoriel Java pour les débutants 12

Vous verrez qu’il ya trois ” Boolean Setter “. Ce sont des actions blocs qui peuvent être ajoutés à des événements pour faire bouger les choses. Le set move_left setter est utilisé pour définir l’indicateur (booléen) move_left soit vrai ou faux. Ce que nous voulons faire est de définir le booléen approprié, une fois des icônes de flèche est touché.

Pour la “LeftButton” prendre les deux setters booléennes pour “set move_left pour …” et “set move_right pour …” et faites-les glisser dans le bloc brunâtre et faire un sandwich avec les setters pourpres entre les deux. Set “move_left” true et l’autre à false. Cela signifie que lorsque la flèche gauche est touché le drapeau move_left est à true.

Faire un autre événement et pour exactement la même chose que la dernière fois sauf que cette fois faire quand la souris est relâché sur et faire les deux “move_left” et “move_right” false. Ceci est à l’opposé de l’événement, nous créons ci-dessus. Cette fois, lorsque le bouton est plus avoir été touché move_left drapeau sera positionné à false. Avec ces deux événements le drapeau move_left sera selon que le bouton de flèche gauche est touchée.

 stencyl-LeftButton-événements

maintenant, faites la même chose pour “RightButton” sauf make “move_right” vrai et “move_left” false pour le clic de souris. pour “JumpButton” vous devez répéter ces étapes, mais vous avez juste besoin d’une variable , “saut”, réglez-le sur true lorsque la souris est cliqué et “false” lorsque la souris est relâché.

Voilà en ce qui concerne le bouton, maintenant nous avons besoin de modifier l’actuel ” marche “et” Sauter “comportements des acteurs.

Ouvrir” marche “sous” comportements Acteur “et cliquez sur le” événement Mise à jour “. Cela peut sembler un peu écrasante, mais nous avons seulement besoin de changer une partie de deux lignes. les bonnes nouvelles sont qu’il ya des commentaires pour nous aider. Juste sous le commentaire “Walk Right”, vous verrez une si déclaration. il suffit de glisser la condition (la section verte) hors du si déclaration et supprimez-le en cliquant à droite et en cliquant sur “supprimer”.

Passez sous “flux” sur le côté droit et de regarder vers le bas pour “quoi que ce soit = ​​quoi que ce soit” et faites glisser ce nouveau dans lequel la partie que vous venez de supprimé est venu. Assurez-vous d’aligner parfaitement, il se mettra en place f correctement. Une fois au bon endroit, cliquez sur le menu déroulant et accédez à Boolean & gt; Jeu Attributs & gt; move_right cliquez dessus. Ensuite, passer à l’autre menu déroulant et accédez à Boolean & gt; Comparaison & gt; vrai et cliquez dessus. Faites la même chose pour “move_left” sous le commentaire «déplacer vers la gauche” faire exactement la même méthode.

corona-sdk-ballon ou bombe-thumb Voir aussi: Rédaction de votre premier jeu Android à l’aide du SDK Corona 8

move Une fois que tout cela est fait “clair” dans le comportement de l’acteur “Jumping”. celui-ci est beaucoup plus facile. juste sous le commentaire “Jump” supprimer la première condition de l’instruction if, ne supprime pas le tout, enlever tout juste avant “et”. Ensuite, faites glisser le “quoi que ce soit = quoi que ce soit “bloc dans cet endroit et réglez-le” saut = true “. Voilà! Vous serez en mesure de vous assurer que ces travaux à l’étape suivante.

ensuite, créez une nouvelle scène en cliquant sur” Scènes “sous le” tableau de bord “onglet. vous pouvez nommer ce que vous voulez, quelque chose comme” Niveau1 “fera très bien. vous pouvez définir les limites de la chambre. vous avez la possibilité de définir les limites par des pixels ou en tuiles. Cela dépendra du cas d’utilisation bien sûr, mais pour cet exemple, je fait la scène de 1280 × 720. La dernière option est la possibilité d’ajouter une couleur d’arrière-plan, j’ai opté pour un gradient de ciel bleu. Appuyez sur “OK” lorsque vous avez terminé.

Une fois que la scène est chargée jusqu’à vous verrez la scène et à droite de celui-ci, vous verrez tout ce qui peut être placé dans la scène. Cliquez sur le carreau d’herbe et de faire une plate-forme, puis ajouter le lecteur (Noni), puis ajouter quelques ennemis (Clowns). Ici, vous pouvez également ajouter tous les boutons dans toute configuration que vous souhaitez. La dernière étape consiste à ajouter la gravité de sorte que les acteurs retombent au sol si elles sont dans l’air. Allez à l’onglet “Physique” dans la scène et changer la gravité verticale pour “1000”.

Maintenant, la scène est complètement mis en place! Cliquez sur “Game Test” en haut à droite pour tester le jeu sur toute plate-forme que vous souhaitez, mais rappelez-vous, vous devez avoir votre appareil Android branché pour tester le jeu sur la plate-forme Android. Vous aurez également besoin du Java JDK 1.6 ou supérieur, et le SDK Android est automatiquement téléchargé lorsque vous essayez d’exécuter un jeu sur Android pour la première fois.

Récapitulation

Il existe de nombreuses façons de faire des jeux sur Android, mais j’ai trouvé que, pour les options gratuites, Stencyl fonctionne le mieux. Il est pas trop difficile à apprendre et à faire des jeux avec elle est un jeu d’enfant. L’interface utilisateur est très facile à comprendre et avec un peu de pratique, les événements et les pseudo blocs de code sont assez faciles à comprendre. Si vous avez des questions se sentent libres de laisser un commentaire, laissez-nous savoir comment vous développez des jeux sur Android!


Autorité Android
Comment créer un jeu Android avec Stencyl
Cette Avril a laissé une nouvelle paire de adware qui menacent la...

aujourd'Hui, a révélé les premiers détails, images et vidéos de ce Po...

Movistar + parie fortement par sa propre fiction et il y a déjà quel...

L'histoire du chien husky Balto est bien connu, ayant servi de base à fi...

Bibliography ►

phoneia.com (April 6, 2016). Comment créer un jeu Android avec Stencyl. Bogotá: E-Cultura Group. Recovered from https://phoneia.com/fr/comment-creer-un-jeu-android-avec-stencyl/