Sumocode-Dokumentation

Zurück zum Support

Anfangen

Sumocode ist ein Code-Editor, der sich darauf konzentriert, das einfache Codieren zu lernen. Sie müssen nur ein paar Codezeilen schreiben, um interaktive Szenen zu erhalten, oder Sie können einfache Spiele mit der Sumolib-API und Grundkenntnissen in JavaScript programmieren.

Schnittstelle
interface

  1. Die Navigationsleiste . Es bietet einen einfachen Zugriff auf Import- / Exportoptionen und die Veröffentlichung des Projekts als sofort einsatzbereites Paket für das Web.
  2. Führen Sie meinen Code / Stop aus. Hier können Sie den Code ausführen oder Ihr Projekt stoppen. Jedes Mal, wenn Sie eine Codezeile ändern, können Sie einfach Cmd + S drücken, um sie zu speichern und auszuführen.
  3. Schnellzugriff . Hier haben Sie einen schnellen Zugriff auf Rückgängig / Wiederherstellen, um die Option Automatisch speichern zu aktivieren oder zu deaktivieren.
  4. Code-Editor . Hier können Sie Ihren Code direkt mit der Sumolib-API bearbeiten, wie unten erläutert.
  5. Projekt läuft . Das Ergebnis der Ausführung des Codes des Code-Editors auf der linken Seite.

    Export

    Sie können jedes Projekt im Sumofile-Format exportieren. Mit dieser Datei können Sie sie an einen Freund / Lehrer weitergeben oder später importieren, wenn Sie mit einer bevorstehenden Codierungssitzung fortfahren möchten.

    Importieren

    Sie können jede mit der App exportierte Sumocode-Datei importieren. Wenn es geladen ist, müssen Sie nur speichern (Cmd + S), um es auszuführen.

    Veröffentlichen

    Wenn Sie ein PRO-Benutzer sind, können Sie Ihren Code in einem Paket herunterladen, das zur Veröffentlichung als Webseite bereit ist. Die ZIP-Datei enthält eine index.html + CSS-Datei + js-Datei mit der enthaltenen Sumolib.

    Rückgängig wiederholen

    Sie können den von Ihnen geschriebenen Code durch Drücken der Schnellzugriffstasten oder in der Navigationsleiste Bearbeiten / Rückgängig oder Bearbeiten / Wiederherstellen rückgängig machen / wiederholen

    Automatisch speichern

    Wenn Sie "Automatisch speichern" aktiviert haben, wird Ihr Code bei jeder Bearbeitung lokal gespeichert. Wenn Sie also Ihre Seite aktualisieren oder Ihren Browser schließen, ist Ihr Code derselbe, wenn Sie darauf zurückkommen. Wenn Sie es deaktiviert haben, müssen Sie es exportieren und importieren, wenn Sie das nächste Mal an Ihrem Projekt arbeiten möchten.

    Code-Hinweis

    Sumocode schlägt den Sumo-Objekten einige Werte vor. Wenn Sie beispielsweise mit 'sumo.' Beginnen, möchten Sie möglicherweise die sumo.background-Methode verwenden.

    Beispiele

    Grundlegende Beispiele

    Eine der besten Möglichkeiten, um mit dem Lernen zu beginnen, besteht darin, einige der vorhandenen Beispiele zu ändern. Wenn Sie alle Beispiele durchgehen, können Sie alle Methoden in Aktion sehen.

    Spieleentwicklung lernen

    Ein Spiel zu erstellen ist keine leichte Aufgabe, aber wenn Sie mit der API vertraut sind, können Sie sicher großartige interaktive Projekte durchführen. Im Folgenden finden Sie einige Beispiele für einfache Spiele, die mit Sumocode erstellt wurden, um Sie zu inspirieren.

    Beispiel für ein Memory-Spiel

    Mit weniger als 350 Codezeilen können Sie ein 3D-Memory-Spiel mit Sounds spielen. Wir verwenden einige grundlegende JS-Konzepte wie Arrays für und if-Anweisungen und erstellen unsere eigenen Methoden und Variablen, die aus den Sumocode-Funktionen aufgerufen werden. Darüber hinaus müssen Sie Ihre Fantasie und die Sumolib-API nutzen.

    Math Dummy Spielbeispiel

    Dieses Spiel ist etwas komplexer als das Memory-Spiel, hat aber weniger als 500 Codezeilen. Wir verwenden einige JS-Grundkonzepte wie Arrays (mit mehreren Dimensionen), switch, for- und if-Anweisungen, logische Operatoren wie && (AND) und || (ODER) und wir erstellen unsere eigenen Methoden und Variablen, die aus den Sumocode-Funktionen aufgerufen werden.