Documentation Sumocode

Retour au support

Commencer

Sumocode est un éditeur de code destiné à apprendre à coder de manière simple. Il vous suffit d'écrire quelques lignes de code pour avoir des scènes interactives, ou vous pouvez programmer des jeux simples en utilisant l'API Sumolib et une connaissance de base de JavaScript.

Interface
interface

  1. La barre de navigation . Il permet d'accéder facilement aux options d'importation / exportation et de publier le projet sous forme de package prêt à l'emploi pour le Web.
  2. Exécuter mon code / Arrêter . Ici, vous pouvez exécuter le code ou arrêter votre projet. Chaque fois que vous modifiez une ligne de code, vous pouvez simplement appuyer sur Cmd + S pour l'enregistrer et l'exécuter.
  3. Accès rapide . Ici, vous avez un accès rapide pour annuler / rétablir pour cocher ou décocher l'option d'enregistrement automatique.
  4. Éditeur de code . Ici, vous pouvez modifier directement votre code à l'aide de l'API Sumolib comme expliqué ci-dessous.
  5. Projet en cours d'exécution . Le résultat de l'exécution du code de l'éditeur de code sur le côté gauche.

Exportation

Vous pouvez exporter n'importe quel projet au format .sumofile. Avec ce fichier, vous pouvez le partager avec un ami / enseignant ou l'importer plus tard si vous souhaitez continuer une prochaine session de codage.

Importer

Vous pouvez importer n'importe quel fichier .sumocode exporté avec l'application. Lorsqu'il est chargé, il vous suffit de sauvegarder (Cmd + S) pour l'exécuter.

Publier

Si vous êtes un utilisateur PRO , vous pouvez télécharger votre code dans un package prêt à être publié en tant que page Web. Le fichier .zip contient un fichier index.html + CSS + js avec le Sumolib inclus.

Défaire refaire

Vous pouvez annuler / rétablir le code que vous avez écrit en appuyant sur les boutons d'accès rapide ou sur la barre de navigation Modifier / Annuler ou Modifier / Rétablir

Sauvegarde automatique

Si vous avez coché «Enregistrer automatiquement», il enregistre votre code localement à chaque fois que vous le modifiez, donc si vous actualisez votre page ou fermez votre navigateur, votre code sera le même lorsque vous y reviendrez. Si vous l'avez décochée, vous devez l'exporter et l'importer la prochaine fois que vous voudrez travailler sur votre projet.

Indication de code

Sumocode proposera des valeurs aux objets sumo. Par exemple, si vous commencez par «sumo.», Vous pouvez utiliser la méthode sumo.background.

Exemples

Exemples de base

L'une des meilleures façons de commencer à apprendre est de modifier certains des exemples existants, si vous les parcourez tous, vous pouvez voir toutes les méthodes en action.

Développement de jeux d'apprentissage

Créer un jeu n'est pas une tâche facile à démarrer, mais lorsque vous êtes à l'aise avec l'API, nous sommes sûrs que vous pouvez commencer à faire de grands projets interactifs. Vous trouverez ci-dessous quelques exemples de jeux simples créés avec Sumocode pour vous inspirer.

Exemple de jeu de mémoire

Avec moins de 350 lignes de code, vous pouvez jouer à un jeu de mémoire 3D avec des sons. Nous utilisons des concepts de base JS comme les tableaux, les instructions for et if, et nous créons nos propres méthodes et variables à appeler à partir des fonctions Sumocode. Au-delà, le reste consiste à utiliser votre imagination et l'API Sumolib.

Exemple de jeu Math Dummy

Ce jeu est un peu plus complexe que le jeu Memory, mais il comporte moins de 500 lignes de code. Nous utilisons certains concepts de base JS comme les tableaux (avec plusieurs dimensions), les instructions switch, for et if, les opérateurs logiques comme && (AND) et || (OR) et nous créons nos propres méthodes et variables à appeler à partir des fonctions Sumocode.