Une introduction à Stencyl

Avez-vous entendu parler de Stencyl? Stencyl est un moteur de jeu qui vous permet de créer facilement des applications et des jeux pour iOS et Android. La plate-forme vous permet également de publier vos applications sous forme de jeux Flash - pour le Web - ou pour Windows, Linux ou OS X.

La meilleure partie est que vous n'avez pas besoin d'écrire une seule ligne de code. C'est vrai. Vous pouvez simplement faire glisser et déposer des blocs de code pour créer des comportements pour la acteurs de votre application. Excité? Commençons.

1. Introduction

Stencyl est un moteur de jeu pour tous, des débutants aux développeurs avancés. Depuis Stencyl 3.0, les projets utilisent le langage de programmation Haxe. C'est vrai. Vous pouvez écrire du code dans Stencyl si vous le souhaitez, mais ce n’est pas une obligation. Notez que Stencyl ne peut créer que des jeux 2D. Si vous voulez créer des jeux en 3D, je vous suggère de jeter un coup d'œil sur une plateforme comme Unity..

Initialement publié en 2011 sous le nom de StencylWorks, Stencyl permet aux novices complets de créer des jeux 2D pour ordinateurs et appareils mobiles. La plate-forme, développée par Jonathan Chung, utilise Box2D pour la physique et les moteurs de collisions et s'appuie sur le kit de développement logiciel OpenFL. Ces composants, associés au langage de programmation Haxe, alimentent Stencyl et permettent aux jeux de écrit une fois et courir partout.

Stencyl prend en charge une large gamme de plates-formes:

  • iOS
  • Android
  • Flash
  • les fenêtres
  • OS X
  • Linux

Les éléments constitutifs d’un jeu typique de Stencyl appartiennent à l’une des quatre catégories suivantes:

  • Acteurs: Un acteur peut être le joueur, un ennemi, un arbre ou autre chose. Un acteur prend généralement la forme d'une image ou d'une série d'images créant une animation. Par exemple, si nous devions créer un jeu comme Super Mario Bros., le jeu inclurait un acteur pour Mario, le Bowser et des acteurs pour les champignons..
  • Scènes: Un jeu peut avoir plusieurs scènes. Un jeu a généralement un menu principal ou la scène de départ, des scènes pour les niveaux du jeu et une jeu terminé scène.
  • Comportements: Les comportements sont des aptitudes réutilisables prêtes à l'emploi que vous pouvez attribuer aux acteurs et aux scènes de votre jeu. Vous pouvez également créer vos propres comportements pour rendre votre jeu unique et stimulant..
  • Événements: Les événements sont des blocs de commandes personnalisés que vous pouvez créer et attribuer à un acteur. Vous pouvez créer des événements pour les acteurs via l'utilisation de Stencyl Éditeur d'événement, que nous verrons plus tard dans ce tutoriel.

Dans ce tutoriel, je vais utiliser la version Windows de Stencyl. Les versions Mac et Linux devraient être essentiellement les mêmes avec seulement quelques différences mineures.

2. Installation

Maintenant que nous savons ce que Stencyl est, installons Stencyl et configurons-le. Visitez la page de téléchargement officiel de Stencyl et téléchargez la version correspondant à votre système d'exploitation. Suivez les instructions d'installation, choisissez votre répertoire d'installation désigné et attendez quelques minutes. Une fois l’installation terminée, lancez Stencyl pour commencer..

Maintenant que Stencyl est opérationnel, n'hésitez pas à consulter les exemples de jeux qu’il inclut et à jeter un coup d’œil aux composants dont nous avons discuté plus tôt, acteurs, scènes, comportements et événements. Vous pouvez également télécharger quelques exemples de jeux et de kits au Centre de développement Stencyl ou en visitant la section Arcade pour trouver l'inspiration..

3. Votre première application

Dans la suite de ce didacticiel, nous allons créer une application simple qui affiche du texte et une image. Nous devons d’abord créer un jeu dans lequel placer notre texte. Vous pouvez le faire en ouvrant Stencyl et en choisissant Créer nouveau> Jeu> Jeu vide du Fichier menu. Entrez un nom pour votre projet et cliquez sur le bouton Créer pour commencer..

L'étape suivante consiste à créer une scène. Choisir Créer nouveau> Scène du Fichier menuou naviguez vers Des scènes sous Ressources (dans la barre latérale gauche) et cliquez sur Créer un nouveau. Donnez un nom à la nouvelle scène et respectez les valeurs par défaut pour le moment. Après avoir cliqué Créer, l'éditeur de scène devrait apparaître.

Avec la première scène prête à être utilisée, il est temps d’ajouter un événement à la scène. Clique le Événements onglet, et sélectionnez Bases> Quand dessiner du Ajouter un évènement menu. Avec le nouvel événement créé sélectionné, inspectez la barre latérale à droite et cliquez sur le bouton intitulé Dessin. Voyez-vous le bloc titré dessiner du texte dans (x: 0 y: 0)? Faites-le glisser dans le en dessinant événement nous avons créé il y a un moment et entrez Bonjour le monde en (x: 100 et 100) comme indiqué ci-dessous.

Il est maintenant temps de créer un acteur. Nous allons montrer l'image suivante dans notre jeu.

Nous devons d’abord créer un nouvel acteur. Ouvrez le Tableau de bord onglet et sélectionnez Créer un nouveau du Types d'acteurs menu. Type Étoile dans le champ du nom et appuyez sur Créer

Vous devriez maintenant voir l'éditeur d'acteur, qui est actuellement vide. Cliquez sur l'éditeur pour ajouter une nouvelle animation, puis cliquez sur le bouton Cadres section pour ajouter un nouveau cadre. En haut à gauche, cliquez sur le bouton Choisissez Image… et sélectionnez l’image étoile que vous avez vue précédemment. Clique le Ajouter bouton. 

Retournez à la première scène que vous avez créée précédemment. Avec le Scène onglet sélectionné en haut, ouvrez le Palette onglet dans la barre latérale droite et sélectionnez le Acteurs section. Voyez-vous l'acteur que vous venez de créer? Sélectionnez-le et faites-le glisser vers la scène. Cliquez une fois pour l'ajouter à la scène.

4. Exporter votre application

Le plus dur est fait. Il est temps de tester l'application. Le moyen le plus simple de tester votre application consiste à l'exécuter en tant qu'application Flash. Dans la plupart des cas, l'exécution de l'application en tant qu'application Flash est très similaire à son exécution sur un périphérique Android..

Cliquez sur le bouton intitulé Jeu de test en haut à droite de l'éditeur avec Plate-forme mis à Lecteur Flash). La création de l'application Flash ne devrait prendre que quelques instants. Si vous ne rencontrez aucun problème, Stencyl doit lancer automatiquement votre application dans une fenêtre séparée. C'est tout. Vous venez de créer votre première application Stencyl.

Si vous souhaitez compiler votre application pour Android, vous devez effectuer quelques étapes supplémentaires..

  • Installez le kit de développement JDK ou Java. Notez que le site Web de Stencyl vous recommande d’utiliser JDK 6 et d’éviter la version 7..
  • Sur votre téléphone Android, activez Débogage USB et désactiver USB de stockage de masse.
  • Connectez votre téléphone Android à votre ordinateur de développement et assurez-vous qu'il ne se mette pas en veille pendant qu'il compile l'application..

Dans Stencyl, appuyez sur Ctrl + Maj + 5 pour afficher la fenêtre du journal. Cela sera très utile si Stencyl rencontre des problèmes lors de la compilation de votre application. Choisir Android du Plate-forme menu et cliquez Jeu de test. Vous devriez voir un message vous informant que Stencyl est en train de compiler l'application. Après la compilation, il affichera le message Envoi à l'appareil. Si tout s'est bien passé, votre application s'exécute sur votre appareil Android..

Vous devrez peut-être attendre quelques instants pour que la compilation soit terminée. Si vous remarquez que la compilation prend beaucoup de temps, examinez les journaux pour voir si des erreurs sont apparues. En cas de problème, vous pouvez enregistrer les journaux et les publier sur les forums Stencyl pour obtenir de l'aide de la part de la communauté..

Une erreur courante que vous pouvez rencontrer est que le binaire de l'application n'est pas envoyé au périphérique Android. C'est facile à résoudre cependant. Sous Windows, ouvrez un explorateur de fichiers et accédez à C: \ Utilisateurs \\ AppData \ Roaming \ Stencyl \ stencylworks \ games-généré \\ Export \ Android \ bin \ bin. Assurez-vous de changer  à votre nom d'utilisateur et  au nom du jeu. Si votre application a été compilée avec succès, vous devriez voir le message de votre application. .apk fichier dans ce répertoire. Si vous avez nommé votre application Mon jeu, la .apk le fichier doit être nommé mygame.apk. Copier le .apk fichier sur votre appareil Android, téléchargez un visualiseur de fichiers gratuit comme ES File Explorer, accédez au .apk déposer et l'ouvrir.

5. Trouver de l'aide

Si vous créez un jeu avec Stencyl et que vous vous trouvez coincé, l'un des meilleurs moyens de résoudre votre problème consiste à consulter les forums officiels de Stencyl et à poser votre question. Vous pouvez également visiter Stencylpedia, le wiki officiel de Stencyl, et y trouver une réponse à votre question..

Si vous souhaitez devenir un utilisateur plus expérimenté de Stencyl, consultez quelques livres et cours sur Stencyl ou visitez le marché des extensions pour télécharger des extensions qui rendent votre jeu plus facile et plus facile à construire..

Monétiser votre application avec Stencyl est également facile. Voici quelques façons de gagner de l'argent avec votre application Stencyl:

iOS

  • Achats intégrés
  • iAd
  • Admob
  • Chartboost

Android

  • Achats intégrés
  • Admob
  • Chartboost
  • Vungle
  • Revmob

Conclusion

Dans ce didacticiel, vous avez appris à propos de Stencyl en tant que plate-forme, ainsi que des composants de base d'un projet, des scènes, des acteurs, des événements et des comportements de Stencyl. Nous avons également vu comment exporter une application vers Flash et Android. J'espère que vous avez apprécié ce tutoriel. Si vous avez des questions, n'hésitez pas à laisser un commentaire ci-dessous.