Dokumentacja Sumocode


Pierwsze kroki

Sumocode to edytor kodu, skoncentrowany na nauce kodowania w łatwy sposób. Wystarczy napisać kilka wierszy kodu, aby mieć interaktywne sceny, lub możesz zaprogramować proste gry przy użyciu interfejsu API Sumolib i podstawowej znajomości JavaScript.

Berło
interface

  1. Pasek nawigacyjny . Zapewnia łatwy dostęp do opcji importu / eksportu oraz do opublikowania projektu jako gotowego pakietu do publikacji w Internecie.
  2. Uruchom mój kod / Zatrzymaj . Tutaj możesz uruchomić kod lub zatrzymać projekt. Za każdym razem, gdy zmieniasz dowolną linię kodu, możesz po prostu nacisnąć Cmd + S, aby go zapisać i uruchomić.
  3. Szybki dostęp . Tutaj masz szybki dostęp do cofania / ponawiania, aby zaznaczyć lub odznaczyć opcję automatycznego zapisywania.
  4. Edytor kodu . Tutaj możesz bezpośrednio edytować swój kod za pomocą Sumolib API, jak wyjaśniono poniżej.
  5. Projekt w toku . Wynik uruchomienia kodu edytora kodu po lewej stronie.

Eksport

Możesz wyeksportować dowolny projekt w formacie .sumofile. Za pomocą tego pliku możesz udostępnić go znajomemu / nauczycielowi lub zaimportować go później, jeśli chcesz kontynuować w nadchodzącej sesji programowania.

Import

Możesz zaimportować dowolny plik .sumocode wyeksportowany z aplikacją. Po załadowaniu wystarczy zapisać (Cmd + S), aby go uruchomić.

Publikować

Jeśli jesteś użytkownikiem PRO , możesz pobrać swój kod w pakiecie gotowym do opublikowania jako strona internetowa. Plik .zip zawiera plik index.html + plik CSS + plik js z dołączonym Sumolibem.

Cofnij / Ponów

Możesz cofnąć / ponowić wpisany kod naciskając przyciski szybkiego dostępu lub na pasku nawigacyjnym Edytuj / Cofnij lub Edytuj / Ponów

Autozapis

Jeśli zaznaczyłeś 'Autozapis', zapisuje twój kod lokalnie za każdym razem, gdy go edytujesz, więc jeśli odświeżysz stronę lub zamkniesz przeglądarkę, twój kod będzie taki sam, kiedy do niej wrócisz. Jeśli nie zaznaczyłeś tego, musisz go wyeksportować i zaimportować następnym razem, gdy będziesz chciał pracować nad swoim projektem.

Podpowiedzi do kodu

Sumocode zasugeruje pewne wartości obiektom sumo. Na przykład, jeśli zaczynasz od „sumo.”, Możesz chcieć użyć metody sumo.background.


Przykłady

Podstawowe przykłady

Jednym z najlepszych sposobów na rozpoczęcie nauki jest modyfikacja niektórych istniejących przykładów, jeśli przejrzysz je wszystkie, zobaczysz wszystkie metody w działaniu.


Nauka tworzenia gier

Tworzenie gry nie jest łatwym zadaniem, ale jeśli dobrze znasz API, na pewno możesz zacząć robić świetne interaktywne projekty. Poniżej masz kilka przykładów prostych gier stworzonych za pomocą Sumocode, aby Cię zainspirować.

Przykład gry pamięciowej

Mając mniej niż 350 linii kodu, możesz zagrać w grę pamięciową 3D z dźwiękami. Używamy pewnych podstawowych pojęć JS, takich jak tablice, instrukcje for i if oraz tworzymy własne metody i zmienne do wywołania z funkcji Sumocode. Poza tym reszta to użycie wyobraźni i API Sumolib.

Przykład gry Math Dummy

Ta gra jest trochę bardziej złożona niż gra pamięciowa, ale ma mniej niż 500 linii kodu. Używamy niektórych podstawowych pojęć JS, takich jak tablice (z wieloma wymiarami), instrukcje switch, for i if, operatory logiczne, takie jak && (AND) i || (LUB) i tworzymy własne metody i zmienne do wywołania z funkcji Sumocode.