Share
Dans ce tutoriel, vous apprendrez les bases du langage de programmation Lua et je vous aiderai à démarrer à écrire des applications pour iOS et Android. Excité? Let's plonger droit dans.
Dans ce didacticiel, nous examinerons le SDK Corona et le langage de programmation Lua. Même si Lua n'est pas difficile à comprendre, il est recommandé de posséder une expérience avec d'autres langages, tels que JavaScript, PHP, Java ou Ruby. Nous couvrirons les bases du SDK Corona et de Lua pour vous familiariser avec le développement pour la plate-forme Corona. Vous verrez que cela prend très peu d'effort et de code pour être opérationnel. Je suis prêt quand tu l'es.
Dans le passé, les développeurs mobiles étaient confrontés à une situation difficile. Devraient-ils développer des applications pour iOS ou Android? La plupart des développeurs iOS utilisent Objective-C, tandis que les développeurs Android utilisent Java. Heureusement, nous avons le SDK Corona et le langage de programmation Lua, qui permettent le développement mobile multiplateforme. Pour le dire simplement, cela signifie que vous pouvez développer une application une fois et la construire pour iOS, Android, Kindle et Nook..
Le langage de programmation que nous utilisons pour développer avec le SDK Corona est Lua, qui est lune en portugais. L'un des principaux avantages de Lua, en particulier en combinaison avec le SDK Corona, est que Lua est multi-plateforme car la langue est écrite en C. Lua n'est pas difficile à apprendre, comme vous le découvrirez dans ce tutoriel. Lua a été créée en 1993 par un petit groupe de personnes de l'Université pontificale catholique de Rio de Janeiro, au Brésil. Lua est un logiciel open source que vous pouvez utiliser librement dans vos projets. Il est distribué sous licence MIT.
Le SDK Corona est développé et mis à jour par Corona Labs et constitue une plate-forme commerciale. Il existe plusieurs formules de tarification parmi lesquelles choisir. Il y a un plan de départ gratuit et des plans payés à partir de 19 $ par mois.
Pour ce tutoriel, cependant, nous utiliserons le plan de démarrage. Même si vous pouvez développer des applications Corona sur plusieurs plates-formes, je vais vous expliquer dans ce didacticiel comment créer des applications sous Windows et pour la plate-forme Android..
Êtes-vous prêt à vous lancer dans le développement mobile multiplateforme? Visitez le portail des développeurs du SDK Corona, créez un compte et téléchargez le SDK Corona. Comme je l'ai mentionné, dans ce didacticiel, j'utiliserai Windows, mais vous pouvez également suivre OS X. Après l’installation du SDK Corona, ouvrez le Début menu et accédez à Corona SDK> Corona Simulator. Vous devriez voir deux fenêtres comme indiqué ci-dessous.
Maintenant que le simulateur Corona est opérationnel, nous avons besoin d’un éditeur de texte pour écrire et éditer Lua. Je recommande Sublime Text 2, téléchargeable gratuitement. C'est un excellent éditeur de texte populaire qui prend en charge la coloration syntaxique et une multitude d'autres fonctionnalités utiles. Ceci est particulièrement utile si vous écrivez des applications volumineuses et complexes. Il prend en charge Lua avec 43 autres langages de programmation. Je vous ai dit Sublime Text s'il était disponible sous Windows, OS X et Linux? Vous ne pouvez pas vous tromper avec Sublime Text 2.
Retournez au simulateur Corona, appuyez sur Nouveau projet, et choisissez un répertoire dans lequel stocker les fichiers de votre projet. Sélectionnez Blanc comme modèle de projet, Téléphone prédéfini pour Taille de l'écran vertical, et Droit comme le Orientation par défaut. Cliquez sur D'accord pour finaliser la configuration du projet et accéder au répertoire dans lequel vous avez créé votre nouveau projet. Vous devriez trouver trois fichiers, build.settings, config.lua, et main.lua. Le seul fichier que nous devrons éditer est Main.lua. Ouvrez ce fichier avec l'éditeur de votre choix et remplacez le contenu du fichier par l'extrait de code ci-dessous..
Accentsconagua
print ("Hello World!"); Enregistrez les modifications en appuyant sur Ctrl + S et ouvrez la fenêtre Corona Simulator. Attends une minute. Rien ne s'est passé. C'est parfaitement normal. Nous devons vérifier l'autre fenêtre qui ressemble à une invite de commande. Il devrait afficher Bonjour le monde! comme indiqué ci-dessous.
La raison pour laquelle le texte n’a été affiché que dans le terminal Corona et non dans le simulateur Corona est, impression Cette commande n’est utilisée que pour le langage de programmation Lua. Il ne peut pas être utilisé pour afficher les mots sur l'écran du Corona Simulator ou d'un périphérique physique. Cependant, cette base impression La commande sera toujours utile lorsque nous développerons une application, notamment à des fins de débogage.
Nous allons créer un autre Bonjour le monde! application. Cependant, cette fois-ci, nous ferons afficher les mots dans le simulateur Corona lui-même. Supprimer le contenu de main.lua et remplacez-le par l'extrait de code ci-dessous.
display.newText ("Hello World!", 0, 0, native.systemFont, 16); Vous avez peut-être remarqué que cet extrait de code était un peu plus long que le précédent. Voyons ce que ce code fait pour nous.
afficher est l'objet que nous parlons.nouveauTexte est la fonction que nous utilisons pour afficher le texte à l'écran."Bonjour le monde!" est le texte que nous voulons afficher.0, 0 sont les X et y coordonnées respectivement.native.systemFont est la police que nous utilisons pour le texte et 16 est la taille de la police.Si vous enregistrez les modifications et relancez Corona Simulator, vous devriez voir ce qui suit.
Et si vous vouliez stocker un nombre sous forme de variable pour une utilisation ultérieure? L'extrait de code suivant montre comment les variables sont déclarées dans Lua.
num1 local = 3 + 3;
local est le mot clé pour déclarer une variable.num1 est le nom de la variable.Si nous combinons cela avec l'extrait de code précédent, nous obtenons ce qui suit.
num1 local = 3 + 3; display.newText (num1, 0, 0, native.systemFont, 32);
Le simulateur Corona doit maintenant afficher le numéro 6, qui est le résultat de l'ajout 3 et 3. Essayons un autre exemple en utilisant les mathématiques. À l'aide de l'extrait de code suivant, Corona Simulator doit afficher le numéro 18.
num1 local = 3 + 3; display.newText (num1 * 3, 0, 0, native.systemFont, 32);
Comme vous pouvez le constater, il est parfaitement possible d’effectuer des opérations mathématiques sur une variable. Dans l'extrait de code ci-dessus, nous avons multiplié num1 par 3 en utilisant * 3. Je suis sûr que vous avez déjà compris que l'astérisque est l'opérateur de multiplication de Lua.
+ pour addition- pour soustraction et nombres négatifs* pour la multiplication/ pour la divisionAfficher des images n'est pas difficile non plus. Pour afficher une image, vous devez ajouter cette image dans le répertoire où main.lua s'assoit. Il est bon de créer un sous-répertoire pour garder les ressources du projet séparées et organisées. Faisons cela maintenant. Créez un nouveau répertoire dans votre dossier de projet et nommez-le. images. Utilisez le images répertoire pour stocker les images de votre projet. L'image que je voudrais utiliser pour ce tutoriel est logo1.png et je l'ai placé dans le images répertoire nous avons créé il y a un moment.
Comme vous pouvez le voir dans l'extrait de code suivant, l'affichage d'une image est presque aussi simple que l'affichage de texte. J'ose dire que c'est encore plus facile car vous n'avez pas besoin de spécifier une police.
photo locale 1 = display.newImage ("images / logo1.png", 0, 0); 
Si vous regardez attentivement la capture d'écran précédente, vous remarquerez qu'il y a une barre d'état en haut de l'écran indiquant le transporteur, la durée de vie de la batterie, etc. Avez-vous déjà remarqué que parfois, lorsque vous ouvrez une application, des jeux en particulier, la barre d'état disparaît automatiquement? Masquer la barre d’état est aussi simple que d’ajouter une ligne de code à main.lua. C'est aussi simple que ça. Mettez à jour votre projet et examinez le résultat dans le simulateur Corona..
display.setStatusBar (display.HiddenStatusBar);
Il est utile de savoir que la barre d'état peut avoir différents styles. Les noms des styles parlent d’eux-mêmes. Pour de nombreuses applications, notamment les jeux, utiliser Barre d'état cachée est le plus approprié.
display.setStatusBar (display.DefaultStatusBar);
display.setStatusBar (display.DarkStatusBar);
display.setStatusBar (display.TranslucentStatusBar);
Passons aux formes. La première forme que nous allons afficher est un rectangle. Voyons ce qu'il faut pour afficher un rectangle à l'écran.
rect1 local = display.newRect (10, 20, 150, 50);
local rect1 déclare une variable pour le rectangle.display.newRectcrée le rectangle.(10, 20, 150, 50) définir les coordonnées x et y ainsi que la largeur et la hauteur, respectivement.Ajoutons de la couleur au rectangle.
rect1: setFillColor (51, 255, 0);
Hmmm. Qu'est-ce que ça veut dire?
rect1 est la variable que nous avons déclarée plus tôt.setFillColor est la méthode que nous utilisons pour remplir le rectangle avec une couleur.(51, 255, 0) spécifiez le rouge (51), vert (255) et bleu (0) valeur de la couleur que nous utilisons.Développons cet exemple avec une bordure ou un trait, comme indiqué dans l'extrait de code suivant..
rect1.strokeWidth = 8; rect1: setStrokeColor (80, 200, 130);
rect1.strokeWidth = 8 définit le largeur du trait propriété du rectangle à 8.rect1.setStrokeColor (80, 200, 130) définit le strokeColor propriété du rectangle à la couleur spécifiée par les valeurs 80, 200, et 130 comme nous l'avons vu plus tôt.
Les commentaires peuvent sembler anodins, voire obsolètes, mais ils sont importants et encore plus lorsque vous travaillez en équipe. Les commentaires sont très utiles pour documenter le code et cela s’applique aussi bien pour vous que pour vos collègues. Cela améliore la lisibilité du code pour les autres membres de votre équipe. En Lua, les commentaires sont faciles à utiliser. Regardez l'exemple suivant.
--c'est un commentaire
Les commentaires n'ont aucun effet sur votre application en termes de fonctionnement. Ils ne sont là que pour le développeur. L'extrait de code suivant ne pas impression Bonjour le monde! au terminal.
--print ("Bonjour tout le monde!") Vous pouvez également écrire des commentaires sur plusieurs lignes, ce qui est utile si vous devez expliquer le fonctionnement d'un morceau de code particulièrement complexe ou si vous souhaitez écrire une introduction à une application ou à un projet..
--[[Ceci est un commentaire qui s'étend sur plusieurs lignes. ]]
Dans ce tutoriel, vous avez appris les bases de Lua et du SDK Corona. Nous avons installé et configuré le SDK Corona, téléchargé et utilisé un éditeur de texte pour l'édition de Lua, écrit plusieurs applications et exécuté celles-ci dans le simulateur Corona. Nous avons également appris à utiliser des variables pour stocker des données, afficher des images à l'écran, configurer la barre d'état et dessiner des formes à l'écran. Et, dernier point, nous avons vu comment utiliser les commentaires et pourquoi vous devriez utiliser des commentaires dans votre code. J'espère que ce tutoriel vous a été utile. Restez à l'écoute pour plus.
Si vous souhaitez en savoir plus sur le SDK Corona, je vous recommande de visiter le site Web du développeur Corona Labs. Il est rempli de ressources et de guides pour vous aider à démarrer. Vous pouvez également explorer les exemples d'applications incluses dans le SDK Corona que vous avez précédemment téléchargés et installés..
Le langage de programmation Lua a également son propre site web. Il contient tout ce que vous devez savoir sur la langue, y compris un guide de démarrage et un manuel très détaillé. Assurez-vous de visiter le site Web de Lua si vous décidez de poursuivre le développement de Corona..
