API

📖 Memulai BASIK

Untuk pengguna daring, BASIK bisa di buka melalui alamat ini Untuk pengguna luring, BASIK bisa di buka dengan membuka file editor.html di browser untuk memulai.

Contoh applikasi sederhana:

mulai();
stempel("roket");

mulai() adalah perintah pertama yang berfungsi untuk memulai aplikasi. Perintah ini harus dipanggil pertama kali sebelum memanggil perintah yang lain.
stempel("roket") adalah perintah untuk men-stempel gambar ke kanvas. "roket" adalah gambar yang ingin distempel.

Tekan tombol Jalankan untuk menjalankan aplikasi. Kita akan melihat gambar roket di pojok kiri atas layar.

Tekan tombol edit untuk mengedit kembali.

Selamat!

Kamu telah berhasil membuat aplikasi untuk menampilkan gambar roket. Mari kita lanjutkan lagi.

Ganti kodenya dengan kode berikut:

mulai();
stempel("astronot");

Jalankan lagi (dengan menekan tombol Jalankan), maka sekarang akan terlihat gambar astronot di layar.

Jika ingin tahu gambar apa saja yang bisa di stempel ke layar, maka bisa dilihat di folder asset. Disitu sudah tersedia banyak gambar untuk dipakai.

Saat ini gambar kita masih di pojok kiri atas layar. Kita akan merubah posisinya:

Perhatikan kode berikut:

mulai();
stempel("astronot", 100, 100);

Jalankan lagi aplikasinya (Jangan lupa tombol Jalankan), maka sekarang posisi astronot tidak di pojok lagi.

Cobalah untuk mengubah-ubah posisi gambarnya, dan lihat perbedaannya.

Gambar astronot saja mungkin kurang menarik, bagaimana kalau astronot dan roket, ditambah dengan background?

Perhatikan kode berikut:

mulai();
stempel("bg_bintang");
stempel("roket", 300, 300);
stempel("astronot", 100, 100);

Jalankan applikasinya maka akan terlihat gambar roket, astronot dengan background langit.

Coba tambahkan bintang:

mulai();
stempel("bg_bintang");
stempel("roket", 300, 300);
stempel("astronot", 100, 100);
stempel("bintang", 500, 300);
stempel("bintang", 400, 50);
stempel("bintang", 40, 40);

Sekarang langitnya dipenuhi dengan bintang.

Pada tahap ini, kita sudah belajar menggunakan basik untuk menempel gambar di layar. Untuk latihan berikutnya bisa dilihat di demo-demo yang sudah disediakan.