Objek 2D. Memahami Objek 2 Dimensi

(adsbygoogle = window.adsbygoogle || []).push({});

Pengenalan Objek 2 Dimensi

Bidang atau biasa dikatakan dengan dimensi (2D) adalah sebuah pemaparan benda yang terdiri dari panjang dan lebar. Bentuk 2D merupakan teknik penggambaran yang mempunyai titik tumpuan koordinat pada sumbu X (datar) dan sumbu Y (tegak). Model grafis 2D merupakan kombinasi dari model geometri ( dapat disebut sebagai grafis vector), gambar digital, fungsi matematika, dan lain sebagainya. Turunan dari sifat 2 dimensi ini dapat dilakukan modifikasi seperti translasi, rotasi, dan dilatasi.

 

Model-model yang digunakan dalam desain grafis 2D tidak terlalu banyak mendukung bentuk-bentuk tiga dimensi atau fenomena yang bersifat tiga dimensi, seperti pencahayaan, bayangan, pantulan, refraksi, dan lain-lain sebagainya.

 

Banyak interaksi antar muka menggunakan basis desain 2D. software-software pendukung antar mukamenciptakan keadaan visual dalam interaksi pengguina dengan computer, sehingga pengguna tidak harus selalu melihat tulisan. 2D jga digunakan pada beberapa video game sederhana seperti solitaire, chess, atau onet.

 Objek 2D Pada Construct 2

Pada kali ini akan mempelajari bagaimana sebuah objek dapat melakukan animasi bentuk dari gambar ke gambar selanjutnya. Animasi yang digunkan pada construct 2 adalah menggunkan metode sprite.

Contoh gambaran bagaimana gambar sprite bekerja membentuk sebuah fungsi animasi

Berikut langkah-langkah dasar membuat animasi sprite pada construct 2 :

• Sebelumnya harus menentukan targer terlebih dahulu, ukuran pixel dari objek yang akan ditampilkan adalah 100 X 200. Objek akan melakukan pergerakan sebanyak 4 gerakan atau lebih, cara menghitung panjang kanvas pada aplikasi pengolah gambar adalah bentuk persegi panjang tersebut dijumlahkan sebanyak 4 dan hasilnya adalah 400 X 200.\

• Jalankan aplikasi adobe illustrator buatlah file baru dengan background transparan berukuran 400 X 200.

•       Tampilkan garis bantu berbentuk grid dengan cara menekan tombol shortcut (ctrl + ‘).

•     Mengatur garis bantu grid dengan menuju pada menu Edit > Preference > Guids, Grid, Slices & Count

•      Ubah nilai dari Gridline every menjadi 100 dengan satu pixel. Selanjutnya tekan Ok untuk menampilkan hasil.

•        Fungsi grid pada adobe illustrator digunakan untuk pemisah dari gambar animasi ke animasi berikutnya, mencontoh sebuah objek animasi yang disukai sebagai contoh manusia berjalan. Animasi kupu-kupu atau animasi yang lain. Gambar tiap-tiap gambar animasi sprite pada tiap kolom yang sudah dibatasi

Tampilan hasil akhir objek animasi yang ddidesain menggunkan adobe illustrator

• Simpan hasil gambar yang telah dibuat dalam ekstensi.png dengan diberi nama gerakan.png

•       Selanjutnya jalankan aplikasi construct 2 dengan ukuran tampilan 854, 480. Seperti langkah-langkah pada materi yang sebelumnya yang telah kita pelajari.

  
  

•      Pada layout lembar kerja construct 2 klik ganda atau kelik kanan pada mouse lalu pilih insert new objek lalu pilih sprite seperti gambar dibawah ini.

•    Selanjutnya klik insert > dilayout kelik kanan pada mouse > maka akan muncul gambar seperti dibawah. Langkah selanjutnya kita kelik kanan pada mouse di area animation frames > import frame > pilih form sprite strip. Pilih gambar yang telah kita simpan sebelumnya

Tampilan langkah memasukkan sprite pada construct 2 jika objek tersebut bersifat animasi (banyak gambar)

•     Setelah menekan tombol open, selanjutkan membagikan berapa banyak bagian yang akan dijadikan sprite pada objek gambar tersebut. Construct 2 akan secara otomatis memotong objek-objek pada gambar tersebut sesuai inputan banyaknya kolom dan baris
•   Objek terbagi 5 dalam 1 baris, maka isian dalam kolom pengisisan adalah 4 horizontal dan 1 vertikal. Selanjutnya tekan tombol Ok

•       Hapus frame kosong pada nilai 0 dngan menekan tombol delete pada keyboard

•    Selanjutnya pada kotak animation klik animasi default, maka property bar akan berubah. Isikan perintah yes pada kolom pengisian loop. Close tampilan sprite dan jalankan dengan menekan tombol play. Maka hasil animasi akan bermain secara berulang-ulang

Proses akhir pada penginputan objek untuk membuat animasi

Demikian pemahaman materi animasi objek 2D pada construct 2.

  Latihan Pertanyaan 

1.    Jelaskan secara singkat apa yang kamu ketahui tentang objek 2D ?  

2.          Apa yang anda ketahui tentang aplikasi sprite ?

3.     Jelaskan langkah-langkah menginput objek kedalam aplikasi construct 2, dalam   jumlah lebih dari pada 1

4.       Apa jenis format/ekstensi objek untuk pembuatan game 2D? jelaskan