Sumocode Documentation


Getting Started

Sumocode is a code editor, focused on learning how to code in an easy way. You only need to wirte a few lines of code to have interactive scenes, or you can program simple games using the Sumolib API and a few knowledge of JavaScript.

Interface
interface

  1. The Navbar. It provides an easy access to import/export options and to publish the project to have the code needed to inlude it in as a webpage.
  2. Run my code/Stop. Here you can run the code or stop your project. Every time you change any line of code you can simple press Cmd+S to save and run it.
  3. Quick access. Here you have a quick access to undo/redo on to check or uncheck the Autosave option.
  4. Code editor. Here you can directly edit your code using the Sumolib API that it is explained below.
  5. Project running. The result of running the code of the code editor on the left side.

Export

You can export any project on .sumofile format. With this file you can share to a friend/teacher of import it later if you want to edit on an upcoming coding session.

Import

You can import any .sumocode file exported with the app. Then when it is loaded, you only need to save (Cmd+S) to run it.

Publish

If you are a PRO user, you can download your code embeded on a HTML page ready to be published as a webpage. The .zip file contains an index.html + CSS file + js file with the Sumolib included.

Undo/Redo

You can undo/redo the code you have written pressing the Quick access buttons or on the navbar Edit/Undo or Edit/Redo

Autosave

If you have checked 'Autosave' it saves locally avery time you edit your code, having it updated if you refresh or come back again to the editor. If you have it unchecked, you need to export it, and import it the next time you can recover your project.

Code hinting

Every time you declare a variable that depends on the Sumolib (you can access to all its methods) and writing Sumo. you can access to all the public constants to make it easy to assign values to the sumo objects.


Sumolib API

Sumo.Core()

It is the basis of all our code. It is a MUST to have it declared as 'var sumo = new Sumo.Core()' as a first line of our code. With this we can have access to all their properties and methods that are explained below:

add()

If you want to add any object3D to the scene, you need to use this function, the only parameter that it has is a predefined Sumo 3D object you have declared.

addAudio()

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, impedit? Numquam eos ea, fuga ipsa, facere inventore illo. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident, impedit?

audio

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, impedit? Numquam eos ea, fuga ipsa, facere inventore illo. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident, impedit?

background

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, impedit? Numquam eos ea, fuga ipsa, facere inventore illo. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident, impedit?

cameraMovement

support-code.core-camera-movement-copy

fog

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, impedit? Numquam eos ea, fuga ipsa, facere inventore illo. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident, impedit?

interactive

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, impedit? Numquam eos ea, fuga ipsa, facere inventore illo. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident, impedit?

lights

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, impedit? Numquam eos ea, fuga ipsa, facere inventore illo. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident, impedit?

music

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, impedit? Numquam eos ea, fuga ipsa, facere inventore illo. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident, impedit?

objectHighlighted

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, impedit? Numquam eos ea, fuga ipsa, facere inventore illo. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident, impedit?

playAudio()

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, impedit? Numquam eos ea, fuga ipsa, facere inventore illo. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident, impedit?

setSky()

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, impedit? Numquam eos ea, fuga ipsa, facere inventore illo. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident, impedit?

shadows

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, impedit? Numquam eos ea, fuga ipsa, facere inventore illo. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident, impedit?

terrain

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, impedit? Numquam eos ea, fuga ipsa, facere inventore illo. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident, impedit?


Examples

Examples basics

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, impedit? Numquam eos ea, fuga ipsa, facere inventore illo. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident, impedit?


Learning developing a game

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, impedit? Numquam eos ea, fuga ipsa, facere inventore illo. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident, impedit?

Memory game example

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, impedit? Numquam eos ea, fuga ipsa, facere inventore illo. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident, impedit?

Math Dummy game example

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident, impedit? Numquam eos ea, fuga ipsa, facere inventore illo. Lorem, ipsum dolor sit amet consectetur adipisicing elit. Provident, impedit?