Sumopaint
Sumotunes
Sumo3D
Sumocode
Sumophoto
Sumoaudio
Sumovideo
Sumopixel
Dokumentasi Sumocode
Bermula
Sumocode adalah penyunting kod, yang fokus untuk belajar bagaimana membuat kod dengan cara yang mudah. Anda hanya perlu menulis beberapa baris kod untuk mempunyai adegan interaktif, atau anda dapat memprogram permainan sederhana menggunakan Sumolib API dan pengetahuan asas mengenai JavaScript.
Antara muka
- Bar Navas . Ini memberikan akses mudah ke pilihan import / eksport dan menerbitkan projek sebagai pakej siap pakai untuk web.
- Jalankan kod saya / Berhenti . Di sini anda boleh menjalankan kod atau menghentikan projek anda. Setiap kali anda menukar garis kod anda, anda boleh menekan Cmd + S dengan mudah untuk menyimpan dan menjalankannya.
- Akses pantas . Di sini anda mempunyai akses cepat untuk membuat asal / buat semula untuk menyemak atau mencentang pilihan Autosave.
- Penyunting kod . Di sini anda dapat langsung mengedit kod anda menggunakan Sumolib API seperti yang dijelaskan di bawah.
- Projek berjalan . Hasil menjalankan kod penyunting kod di sebelah kiri.
Eksport
Anda boleh mengeksport sebarang projek dalam format .sumofile. Dengan fail ini, anda boleh membagikannya kepada rakan / guru atau mengimportnya kemudian jika anda ingin meneruskan sesi pengkodan yang akan datang.
Import
Anda boleh mengimport fail .sumocode yang dieksport dengan aplikasi. Apabila dimuat, anda hanya perlu menyimpan (Cmd + S) untuk menjalankannya.
Menerbitkan
Sekiranya anda adalah pengguna PRO , anda boleh memuat turun kod anda dalam pakej yang siap diterbitkan sebagai laman web. Fail .zip mengandungi index.html + CSS file + js file dengan Sumolib disertakan.
Buat asal / Buat semula
Anda boleh membuat asal / membuat semula kod yang telah anda tulis dengan menekan butang Akses pantas atau pada navbar Edit / Undo atau Edit / Redo
Simpan automatik
Sekiranya anda telah memeriksa 'Autosave', ia menyimpan kod anda secara tempatan setiap kali anda mengeditnya, jadi jika anda memuat semula halaman anda atau menutup penyemak imbas anda, kod anda akan sama ketika anda kembali ke sana. Sekiranya anda tidak mencentangnya, anda perlu mengeksportnya, dan mengimportnya pada kali anda mahu mengerjakan projek anda.
Petunjuk kod
Sumocode akan mencadangkan beberapa nilai pada objek sumo. Sebagai contoh, jika anda memulakan dengan 'sumo.', Anda mungkin ingin menggunakan kaedah sumo.background.
Contoh
Contoh asas
Salah satu kaedah terbaik untuk memulakan pembelajaran adalah mengubah beberapa contoh yang ada, jika anda meneliti semuanya, anda dapat melihat semua kaedah dalam tindakan.
Pembangunan permainan pembelajaran
Membuat permainan bukanlah tugas yang mudah untuk dimulakan, tetapi apabila anda merasa selesa dengan API, kami yakin anda dapat mula melakukan projek interaktif yang hebat. Di bawah ini terdapat beberapa contoh permainan mudah yang dibuat dengan Sumocode untuk memberi inspirasi kepada anda.
Contoh permainan memori
Dengan kurang daripada 350 baris kod, anda boleh memainkan permainan memori 3D dengan suara. Kami menggunakan beberapa konsep asas JS seperti Susunan, untuk dan jika pernyataan, dan kami membuat kaedah dan pemboleh ubah kami sendiri untuk dipanggil dari fungsi Sumocode. Di luar itu, selebihnya adalah menggunakan imaginasi anda dan API Sumolib.
Contoh permainan Math Dummy
Permainan ini sedikit lebih kompleks daripada permainan Memory, tetapi ia mempunyai kurang dari 500 baris kod. Kami menggunakan beberapa konsep asas JS seperti Array (dengan pelbagai dimensi), beralih, untuk dan jika penyataan, pengendali logik seperti && (DAN) dan || (ATAU) dan kami membuat kaedah dan pemboleh ubah kami sendiri untuk dipanggil dari fungsi Sumocode.