Sumopaint
Sumotunes
Sumo3D
Sumocode
Sumophoto
Sumoaudio
Sumovideo
Sumopixel
Documentación de Sumocode
Empezando
Sumocode es un editor de código, enfocado en aprender a codificar de una manera fácil. Solo necesita escribir unas pocas líneas de código para tener escenas interactivas, o puede programar juegos simples usando la API de Sumolib y un conocimiento básico de JavaScript.
Interfaz
- La barra de navegación . Proporciona un fácil acceso a las opciones de importación / exportación y para publicar el proyecto como un paquete listo para usar en la web.
- Ejecutar mi código / Detener . Aquí puedes ejecutar el código o detener su proyecto. Cada vez que cambies cualquier línea de código, simplemente presione Cmd + S para guardarlo y ejecutarlo.
- Acceso rápido . Aquí tienes un acceso rápido para deshacer / rehacer para marcar o desmarcar la opción Guardar automáticamente.
- Editor de código . Aquí puedes editar directamente su código utilizando la API de Sumolib como se explica a continuación.
- Proyecto en ejecución . El resultado de ejecutar el código del editor de código en el lado izquierdo.
Exportar
Puedes exportar cualquier proyecto en formato .sumofile. Con este archivo puedes compartirlo con un amigo / profesor o importarlo más tarde si deseas continuar en una próxima sesión de codificación.
Importar
Puedes importar cualquier archivo .sumocode exportado con la aplicación. Cuando está cargado, solo necesitas guardar (Cmd + S) para ejecutarlo.
Publicar
Si eres usuario PRO , puedes descargar tu código en un paquete que está listo para publicarse como una página web. El archivo .zip contiene un archivo index.html + CSS + archivo js con el Sumolib incluido.
Deshacer rehacer
Puedes deshacer / rehacer el código que ha escrito presionando los botones de acceso rápido o en la barra de navegación Editar / Deshacer o Editar / Rehacer
Autoguardado
Si has marcado 'Autoguardado', guarda tu código localmente cada vez que lo editas, por lo que si actualizas tu página o cierras tu navegador, tu código será el mismo cuando regreses a él. Si lo tienes desmarcado, debes exportarlo e importarlo la próxima vez que desees trabajar en tu proyecto.
Sugerencias de código
Sumocode sugerirá algunos valores a los objetos de sumo. Por ejemplo, si comienza por 'sumo.', Es posible que desee utilizar el método sumo.background.
Ejemplos
Ejemplos básicos
Una de las mejores formas de empezar a aprender es modificando algunos de los ejemplos existentes, si los revisa todos, podrá ver todos los métodos en acción.
Desarrollo de juegos de aprendizaje
Hacer un juego no es una tarea fácil de comenzar, pero cuando se sienta cómodo con la API, estamos seguros de que puede comenzar a realizar grandes proyectos interactivos. A continuación tienes algunos ejemplos de juegos simples hechos con Sumocode para inspirarte.
Ejemplo de juego de memoria
Con menos de 350 líneas de código, puedes crear un juego de memoria 3D con sonidos. Usamos algunos conceptos básicos de JS como Arrays, declaraciones for y if, y creamos nuestros propios métodos y variables para ser llamados desde las funciones de Sumocode. Más allá de eso, el resto es usar su imaginación y la API de Sumolib.
Ejemplo de juego Math Dummy
Este juego es un poco más complejo que el juego de memoria, pero tiene menos de 500 líneas de código. Usamos algunos conceptos básicos de JS como Arrays (con múltiples dimensiones), switch, declaraciones for y if, operadores lógicos como && (AND) y || (OR) y creamos nuestros propios métodos y variables para ser llamados desde las funciones de Sumocode.