Prêt à essayer le codage ? Codea peut vous aider.
Créer une application iPad n'est pas facile, mais ce n'est certainement pas impossible. Tout le monde doit commencer quelque part, et il existe diverses applications et services qui visent à rendre vos premiers pas aussi agréables que possible.
Codea est l'une de ces options. C'est un achat de 15 $ sur l'App Store, mais il transforme votre iPad en une suite de création d'applications plutôt performante. Si vous trouvez l'idée de coder intimidante mais que vous êtes impatient de l'essayer, cela pourrait bien être la réponse.
Lorsque vous démarrez un nouveau projet dans Codea, vous verrez un script de base Hello World. Que vous débutiez dans le codage ou que vous soyez tout simplement nouveau dans le programme, cela vaut la peine de le bricoler pendant un petit moment.
Ce sont tous des trucs assez basiques. La configuration la fonction est appelée une fois, tandis que la fonction dessiner fonction est appelée en continu. Il s'agit d'une considération importante lorsque vous décidez où placer votre propre code dans le script.
La ligne 5 affiche simplement Hello World! sous forme de texte dans la console. Pendant ce temps, la ligne 11 définit la couleur d'arrière-plan et la ligne 13 définit la largeur du trait avec lequel nous allons dessiner dans un instant, comme décrit dans les notes de l'auteur.
Appuyez sur les chiffres qui dictent la couleur d'arrière-plan et vous verrez l'une des façons dont Codea diffère d'un éditeur de code standard. Ce sélecteur de couleurs est un moyen facile de sélectionner la teinte exacte que vous souhaitez à l'aide d'une interface tactile.
Cliquez sur le bouton de lecture dans le coin inférieur droit de l'interface pour exécuter le code.
Comme vous pouvez le voir, il ne se passe pas grand chose en ce moment. Mais bonjour le monde ! s'affiche dans la console et l'arrière-plan est passé à la teinte de rouge que nous avons choisie. Maintenant que nous connaissons un peu mieux l'interface, nous pouvons commencer à apporter des modifications plus importantes.
Ensuite, nous allons dessiner un cercle en utilisant du code. Utilisez la flèche de retour dans le coin inférieur gauche de l'écran pour revenir à l'éditeur de script. Ensuite, ajoutez le code suivant au dessin fonction :
ellipse(LARGEUR/2, HAUTEUR/2, 200) Déballons cela brièvement. La commande ellipse indique que nous cherchons à dessiner un cercle. WIDTH/2 et HEIGHT/2 gèrent sa position sur l'écran -- nous utilisons un raccourci pour le placer au point mort en divisant par deux la largeur et la hauteur totales de l'écran. Alternativement, vous pouvez simplement indiquer une référence numérique. Enfin, le nombre 200 stipule la taille que nous voulons. La largeur du trait est déjà définie plus tôt dans le script.
Ci-dessus, vous pouvez voir à quoi votre script devrait ressembler. Appuyez sur le bouton de lecture du clavier virtuel pour exécuter le code.
Notre cercle ressemble exactement à ce qu'il devrait être. N'hésitez pas à passer un peu de temps à peaufiner notre code pour voir comment cela change le résultat. Ensuite, nous allons rendre les choses un peu plus interactives.
Maintenant que nous avons dessiné une forme, modifions notre code afin que l'utilisateur puisse réellement en faire quelque chose. En changeant simplement une ligne de code, nous pouvons leur permettre d'interagir avec la forme via l'écran tactile.
Nous devons simplement remplacer la ligne 18 par la suivante :
ellipse(CurrentTouch.x, CurrentTouch.y, 200) Ce qui devrait ressembler à l'image ci-dessous dans l'éditeur de script.
Nous disons simplement que les coordonnées X et Y du cercle doivent correspondre à l'endroit où se trouve le doigt de l'utilisateur sur l'écran tactile. Nous mettons cela dans le tirage fonction, elle sera donc constamment mise à jour, permettant à l'utilisateur de faire glisser la forme.
Appuyez sur le bouton de lecture et voyez si vous pouvez déplacer le cercle avec succès.
Nous sommes opérationnels. Nous avons une application très simple, et nous pouvons réellement faire quelque chose avec. Le seul problème est que ce n'est pas vraiment utile. Ensuite, nous allons créer une application qui sert réellement à quelque chose.
La chose vraiment puissante à propos de Codea est qu'il vous donne accès à certaines des fonctionnalités les plus utiles de l'iPad et facilite leur mise en œuvre dans votre projet. Nous allons travailler avec ses services de localisation.
Pour mon argent, le meilleur curry que vous puissiez trouver est servi à la cuisine de la mosquée à Édimbourg, en Écosse. En tant que tel, j'aimerais souvent savoir exactement jusqu'où je devrais voyager pour y manger. Nous allons coder une application simple qui nous donne ces informations.
La première chose que nous devons faire est de donner à notre application l'accès aux services de localisation. Pour ce faire, démarrez un nouveau projet et insérez ce code dans la configuration fonction.
location.enable() Notez que nous mettons cela dans configuration plutôt que de dessiner , car nous n'en avons besoin qu'une seule fois. Nous pouvons tester si cela fonctionne en exécutant notre application et en voyant si nous sommes invités ou non à lui donner accès à notre position.
Ensuite, nous allons ajouter du code qui saisit la distance entre l'emplacement choisi et l'appareil, et le présente sous forme de texte. Si vous souhaitez configurer une application qui utilise un lieu différent, saisissez maintenant la latitude et la longitude de ce lieu.
Ensuite, ajoutez le code suivant dans la fonction draw :
text("Vous êtes...", LARGEUR/2, 250)
text((location.distanceTo(55.945, -3.185)), LARGEUR/2, 200)
text("... à quelques mètres du meilleur curry du coin.", LARGEUR/2, 150) Les première et troisième lignes de ce code ne sont que du texte, en utilisant à nouveau la largeur maximale de l'écran divisée par deux pour s'assurer qu'elles sont centrées, mais en utilisant une référence numérique spécifique afin que les trois lignes de texte puissent être bien organisées.
Le location.distanceTo La commande a juste besoin de la latitude et de la longitude de l'emplacement souhaité. Il calculera à quelle distance se trouve l'iPad, et puisque nous l'avons placé là où le texte irait normalement, il affichera ce nombre à l'écran.
Appuyons sur le bouton de lecture et testons notre application.
Nous y voilà. C'est simple, mais ça marche. Codea rend vraiment le codage pour iOS accessible :nous venons juste de commencer, et nous avons déjà réussi à mettre en place des commandes tactiles et à utiliser des services de localisation. Le ciel est la limite pour ici.
Avez-vous des conseils pour tirer le meilleur parti de Codea ? Ou cherchez-vous de l'aide pour un projet particulier? Quoi qu'il en soit, pourquoi ne pas rejoindre la conversation dans la section des commentaires ci-dessous ?