editor

Brosur

Cara Mengunduh

Tautan

Editor hanya berfungsi dengan browser Chrome, tablet, atau ponsel . Namun, game yang diekspor, yang editornya dihapus terlebih dahulu, tidak memiliki batasan.

• Hidup
• Unduh
  • unduh bacione.html
  • buka pengelola file Anda
  • klik bacione.html untuk dijalankan di browser Chrome Anda
  • klik Jalankan untuk memainkan permainan Ski
• Games.pdf - tutorial untuk Ski dan Marslander
• YouTube - demo produk
• Reddit - diskusi reddit
• Github - diskusi github

daging?

Bacione berarti "CIUMAN besar", seperti dalam "Tetap Sederhana dan Memuaskan".

Tujuan

Memprogram permainan javascript kecil di ponsel secara offline

Misi

Ciptakan IDE yang paling ramah jempol di kelasnya

Desain

Tujuan desain editor ini adalah untuk memberikan pengalaman menyenangkan bagi mereka yang tidak memiliki komputer atau lebih memilih ponsel atau tablet untuk memprogram permainan JavaScript kecil. Kendala tambahan yang diatasi adalah offline dan tidak memiliki keyboard eksternal (mengetik di layar dengan ibu jari atau stylus). Meskipun ada banyak editor dan aplikasi keyboard yang sesuai dengan kasus penggunaan ini, semuanya kurang optimal. Dua masalah utama adalah mengurangi klik untuk: 1) mengakses karakter khusus dan 2) melakukan pemfaktoran ulang. Untuk mengatasi #1, perlu mendukung kemampuan tombol ekstra atau menginstal aplikasi keyboard. Untuk mengatasi #2, perlu dilakukan pemfaktoran ulang yang memerlukan lebih sedikit klik. Setelah menyelesaikan dua masalah ini, sebagian besar layar diambil, menyisakan sedikit ruang untuk area kode. Untuk mengatasi hal ini, editor menyertakan keyboard bawaan dan alat pemfaktoran ulang yang efisien.

Fitur

• Lebih sedikit klik dibandingkan dengan editor telepon lainnya.
• Kunci umum adalah satu klik.
• Logika sadar konteks mengurangi klik.
• Lebih sedikit pekerjaan untuk memfaktorkan ulang kode Anda.
• Keyboard yang dapat diprogram sepenuhnya.
• Buat ikon dan fungsi keyboard Anda sendiri.
• Dirancang untuk ponsel dan tablet.
• Tidak diperlukan pengaturan.
• Satu berkas.
• Mudah untuk dibagikan.
• Luring.
• JavaScript vanila biasa.
• Tidak ada ketergantungan.
• Gratis (lisensi GPL)
• Tidak ada iklan
• Jalankan dari pengelola file Android di browser Chrome.
• Editor yang mudah dimodifikasi.
• Edit editor di editor.
• Editor hanya 7 kilobyte.
• Mendukung gesekan dan pengulangan-tekan lama.

Keterbatasan

• Dukungan Mode Potret : Editor ini hanya mendukung mode potret.
• Kompatibilitas : Editor hanya berfungsi dengan browser Chrome di tablet atau ponsel. Namun, game yang diekspor, yang menghapus editornya, tidak memiliki batasan seperti itu.
• Multi-file: Editor tidak dirancang untuk game besar atau proyek multi-file. Hal ini karena membuka file HTML dari Manajer File di Android di browser Chrome tidak mendukung banyak file—semuanya harus dimuat dalam satu file HTML monolitik. Ini juga berarti bahwa file gambar atau audio eksternal tidak dapat digunakan. Elemen yang dibuat secara terprogram dapat dimanfaatkan; misalnya game Marslander yang menggunakan grafik vektor dan noise generator, serta beberapa game lainnya yang menggunakan emoji.

Jika editor ini tidak mendukung kebutuhan Anda, Anda mungkin mempertimbangkan untuk mencoba Neovim dengan Termux dan Apache. Anda dapat menemukan konfigurasi saya untuk alat-alat tersebut di sini.

Masalah

• Ketidaksejajaran Kursor : Menggesek ke atas pada akhir file di jendela editor dapat menyebabkan kursor tidak sejajar dengan teks. Solusi yang disarankan adalah mundur sedikit dari akhir.

Catatan

Referensi apa pun untuk perubahan di bawah mengacu pada fungsi Edit-Editor yang terdapat di tombol Lain-Lain, yang diwakili oleh simbol berlian.

• Edit-the-Editor : Editor dapat diedit di dalam editor. Namun, ini tidak aktif, jadi Anda harus mengklik Simpan dan membuka file HTML yang baru dibuat dengan stempel waktu. Jika yang baru rusak, buka yang sebelumnya. Fitur ini untuk mendukung perubahan sederhana. Perubahan kompleks harus dilakukan di lingkungan yang lebih kuat seperti Neovim.
• Run : Tombol Run menjalankan atau menghentikan permainan yang berisi kursor. Untuk mempermudah, bingkai permainan berbentuk persegi dan ditampilkan di atas keyboard. Hal ini memudahkan untuk beralih bolak-balik antara mengedit dan menjalankan ( 2 klik pulang pergi ). Jika ini tampak membatasi, dan Anda menginginkan bingkai permainan yang lebih besar maka Anda dapat mengubah editor atau kode ukuran kanvas di Perpustakaan atau bahkan tidak menggunakan Perpustakaan. Anda juga dapat Mengekspor apa pun yang ada di tampilan editor dengan tombol Ekspor-Game. Anda bahkan mungkin ingin mengubah cara kerja fungsi eksporgame(). Kelemahan menggunakan Ekspor adalah Anda harus menjalankan file HTML tersebut dari pengelola file Android ( 7 klik pulang pergi ).
• Ukuran Keyboard : Ukuran keyboard adalah berapa pun area yang tersisa setelah memperhitungkan bingkai permainan persegi. Artinya, pada ponsel, lebar keyboard kira-kira sama dengan lebar layar dan pada tablet kira-kira setengah lebar layar.
• Posisi Keyboard : Pada tablet, keyboard terletak di pojok kanan bawah. Jika Anda menggunakan ibu jari kiri untuk mengetik, bukan ibu jari kanan, Anda dapat mengubahnya .
• Fungsionalitas Keyboard Khusus : Editor ini sangat berguna karena dilengkapi dengan keyboard khusus di mana semua fungsi utama dapat diakses dengan satu klik. Untuk mendukung hal ini, 22 dari 32 karakter khusus, yang penting untuk pemrograman, dapat diakses dengan satu klik, sedangkan 10 sisanya dapat diakses melalui tombol Shift. Perhatikan bahwa tombol spasi sangat kecil, terletak di pojok kanan bawah. Selain itu, tombol backspace dan return berada di baris kedua karena sering berkoordinasi dengan tombol lain. Misalnya, untuk memotong teks, Anda menekan salin lalu spasi mundur, dan untuk membatalkan pilihan, Anda menekan tombol kembali. Jika Anda tidak menyukai tata letak ini, Anda dapat mengubahnya .
• Seleksi : Keuntungan utama editor ini adalah seleksi yang efisien. Pemilihannya didasarkan pada konteks; tergantung di mana kursor berada, ia akan memilih sebuah kata, satu baris, satu paragraf, atau satu blok kode. Untuk melihat cara kerja seleksi, Anda dapat menonton video YouTube. Seleksi dilakukan dengan tombol Copy, artinya dua hal terjadi sekaligus. Hal ini terutama untuk mengurangi jumlah tombol. Pemotongan dilakukan dalam dua langkah: klik Salin (memilih dan menyalin) lalu klik Backspace (menghapus pilihan). Mengklik tombol Enter setelah Salin akan memindahkan kursor ke akhir pilihan. Jika Cut (Copy/Backspace) berisi satu baris maka kursor akan dimajukan satu baris. Hal ini karena sering kali pengguna bermaksud saat memotong sebuah baris untuk menempelkannya setelah baris berikutnya. Ini membantu mengurangi jumlah klik saat memfaktorkan ulang kode. Pilihan (Copy) juga dapat digunakan untuk navigasi, misalnya untuk memindahkan kursor ke akhir blok, letakkan kursor sebelum karakter blok pembuka, klik Copy, klik Enter. Namun, jangan lakukan itu jika Anda memiliki sesuatu di buffer tempel yang ingin Anda gunakan. Mengklik Salin beberapa kali akan memperluas pilihan sesuai dengan aturan pemilihan, dan tombol panah akan memperluas (atau membatalkan) pilihan satu karakter dalam satu waktu.
• Menyalin dan Menempel : Anda harus menggunakan tombol salin dan tempel internal di editor untuk menyalin dan menempelkan kode di dalam editor. Untuk menyalin kode dari sumber eksternal, gunakan teknik salin dan tempel sistem, seperti menekan lama lalu memilih salin dan tempel.
• Pemformatan : Di ponsel, properti editor sangat mahal, dan Anda tidak mampu membeli banyak ruang putih, terutama ruang putih horizontal. Untuk lekukan, Anda dapat menggunakan tombol Spasi (tidak ada tombol Tab), dan tombol Enter akan mempertahankan lekukan sebelumnya. Cobalah untuk hanya menggunakan indentasi untuk cabang dan loop dan alih-alih membuat indentasi pada isi fungsi, gunakan spasi vertikal sebelum dan sesudah. Lihat permainan Marslander sebagai contoh.
• Tombol Komentar : Tombol Komentar sangat berguna untuk debugging. Saat Anda menekan tombol Komentar, ia akan mengomentari kode dan menempatkan salinannya di buffer tempel. Langkah selanjutnya adalah menempelkannya lalu mengeditnya. Jika Anda tidak menyukai hasil kode baru, Anda dapat dengan mudah menghapusnya dan menghapus komentar pada kode asli.
• Navigasi : Navigasi terutama dilakukan dengan menyentuh layar, jadi tidak ada tombol panah Beranda, Akhir, atau vertikal. Sebagai gantinya, disediakan panah kiri-kanan untuk membantu memposisikan kursor secara akurat setelah menyentuh perkiraan lokasi. Tombol Zoom, yang memperbesar ukuran teks, juga dapat membantu memposisikan kursor di tempat yang benar.
• Ukuran yang Disarankan : Karena menavigasi kode di ponsel bisa jadi cukup menantang, disarankan untuk membuat game yang cukup kecil agar dapat digulir dengan satu gerakan.
• Layar Penuh : Mengaktifkan mode layar penuh akan memberi Anda lebih banyak ruang untuk menavigasi dan mengedit kode Anda. Anda dapat beralih ke layar penuh dengan menggesek tombol Zoom ke atas.
• Tampilan Penutupan : Tidak ada tombol tutup. Untuk menutup Tampilan, klik di mana saja atau pilih opsi. Tampilannya adalah: Bantuan, Lain-Lain, Diff dan Error.
• Pembuatan Emoji : Saat membuka Tampilan Lain-Lain untuk pertama kalinya, akan memakan waktu beberapa saat hingga ikon dimuat.
• Pickers : Color-Picker dan Icon-Picker memasukkan kode ke dalam Paste, jadi jangan khawatir jika sepertinya tidak terjadi apa-apa. Klik tombol Tempel untuk melihat kodenya.
• Deteksi Kesalahan : Editor ini tidak memiliki deteksi kesalahan waktu nyata (saat Anda mengetik). Kesalahan ditemukan ketika Anda mengklik Jalankan. Pesan kesalahan akan ditampilkan dan ketika kesalahan dihilangkan (dengan mengklik di mana saja pada Tampilan itu), kursor secara otomatis akan ditempatkan pada kode di mana kesalahan terjadi. Terkadang pesan kesalahan tidak terlihat jelas ketika Anda hanya lupa tanda kurung atau karakter blok lain yang memerlukan pasangan yang cocok. Untuk membantu hal ini, proses tambahan akan secara naif menghitung semua karakter blok untuk memastikan ada penghitungan yang genap dan menampilkan pesan tambahan dalam Tampilan kesalahan.
• Fungsi Diff: Fungsi Diff bersifat naif dan tidak akan memberikan hasil yang akurat. Ini dirancang untuk memberikan indikasi perkiraan kemajuan sejak file dibuka atau terakhir disimpan.
• Mekanisme Penyimpanan: Fungsi penyimpanan di editor dibatasi oleh batasan HTML. Sebagai solusinya, file dengan stempel waktu baru dibuat setiap kali Anda menyimpan. Jika Anda menyimpan ke folder Unduhan, penting untuk menjaga folder tersebut bebas dari file dari tujuan lain, karena hal ini dapat mempersulit pembukaan kembali pekerjaan Anda dengan cepat. Selain itu, hapus file HTML editor lama secara berkala, simpan hanya versi terbaru.
• Tema : Editor menawarkan tema terang dan gelap untuk pengalaman menonton yang dapat disesuaikan. Anda dapat beralih antar tema dengan menggesek tombol Lain-Lain ke atas. Anda juga dapat mengubah atau menambahkan lebih banyak.