Buku Rekabentuk Grafik Game Komputer

Kali ini aku ingin review sebuah e-book percuma yang ditulis oleh seorang artis graphic piksel yang berpengalaman luas. Buku yang bertajuk ‘Designing Arcade Computer Game Graphic’ ini adalah sangat berguna kepada sesiapa sahaja yang ingin menceburkan diri dalam dunia penghasilan grafik arked 2D untuk sesebuah game. Tidak kira game tersebut untuk telefon bimbit mahupun komputer, ianya menerangkan bukan sahaja asas, malahan tips yang agak menarik untuk semua.

Sememangnya pengalaman penulis buku ini iaitu Ari Feldman amat luas dan anda tidak akan rugi jika membaca dan mendapat manfaat yang berguna daripada buku ini. Apa yang paling menarik ialah buku ini yang asalnya dijual dalam hard copy telah dijadikan dalam bentuk e-book untuk kemudahan pembaca. Paling istimewa ialah ianya adalah PERCUMA!

Anda boleh cuma memuat turun e-book berkenaan di SINI.

Kepelbagaian Warna Putih

Baru-baru ini, ada seorang ingin melihat grafik 3D dalam warna ‘putih gading‘ atau dikenali sebagai warna ‘ivory’. Sebenarnya, warna putih yang biasa digunakan dalam grafik, website dan pelbagai hasil seni lain adalah pelbagai. Definisi putih terlalu umum kerana terdapat pelbagai variasi warna dalam kategori ‘shade of white‘ ini. Setiap warna memiliki nilai RGB tersendiri iaitu gabungan Merah (Red), Hijau (Green) dan Biru (Blue). Kita biasanya mengklasifikan warna mengikut nilai tersebut iaitu antara nilai 0 hingga 255.

• WHITE (RGB Value: 255, 255, 255)
• CREAM (RGB Value: 255, 253, 208)
• COSMIC LATTE (RGB Value: 255, 248, 231)
• IVORY (RGB Value: 255, 255, 240)
• MAGNOLIA (RGB Value: 248, 244, 255)
• OLD LACE (RGB Value: 253, 245, 230)
• SEASHELL (RGB Value: 255, 245, 238)

Setelah dimasukkan warna Ivory ke dalam sesebuah model 3D, pewarnaan  mempengaruhi sedikit efek sesebuah warna dan ‘feel’ model berkenaan. Ternyata selain warna sedia ada, kita sebenarnya tidak boleh lari daripada unsur-unsur lain dalam penghasilan kesan visual material pada sesebuah model 3D.

Animasikan GIF

Salah satu teknik menguji kejituan bingkai antara imej bagi membentuk animasi sprite 2D ialah dengan mengujinya dengan format GIF. Seperti yang diketahui umum, format ini menyokong animasi dan kerap digunakan dalam laman web terutama sekali sebelum kewujudan format dinamik swf. Ianya bertujuan membuatkan website lebih ceria dan tidak kaku selain tujuan lain contohnya pengiklanan dan butang pautan.

Aku menggunakan watak Robomon untuk menggabungkan sebanyak 11 buah bingkai gambar yang berhubungkait antara satu sama lain bagi membentuk pergerakan Robomon berlari ke kanan. Perisian yang digunakan ialah Ms GIF Animator yang boleh didapati secara percuma. Hasilnya, anda boleh saksikan imej seperti berikut.

Anda boleh menggunakan beberapa perisian penganimasian GIF yang banyak terdapat dalam pasaran sama ada percuma atau berbayar. Namun, beberapa kriteria yang perlu diambil perhatian dalam menganimasikan imej GIF termasuklah:

1. Selang masa antara bingkai imej.
2. Kesesuaian transparensi latar belakang.
3. Saiz iaitu ketinggian dan kelebaran imej.
4. Kadar ulangan berjangka atau tanpa henti.

Absolute Robomon

Lepas balik daripada kerja, aku meluangkan sedikit masa kira-kira sejam untuk membelek imej-imej 3D yang ada. Secara tiba-tiba aku terasa ingin menghasilkan pulak gabungan kesemua grafik yang berkaitan. Jika anda membeli sesebuah game, sudah pasti gambar yang pertama sekali anda lihat ialah tajuk dan screenshot yang menarik. Ini boleh menjadi pendorong pemain game untuk membeli game berkenaan. Oleh sebab aku kurang mahir dalam pengeditan imej dengan perisian manipulasi imej seperti Photoshop, Coreldraw, GIMP dan sebagainya, maka inilah sahaja hasil grafik dalam tajuk Absolute Robomon.

Implementasi Aksi Pergerakan Karektor

Di dalam sesebuah game, tidak kira 2D mahupun 3D, watak utama dan lain-lain watak sampingan seperti monster dan kenderaan adalah dinamik. Ini bermaksud, imej akan berubah mengikut keadaan karektor, misalannya imej watak hero berlari ke kanan apabila anda menekan kunci anak panah ke kanan dan sebaliknya. Aksi yang dipaparkan adalah berkait antara satu sama lain. Oleh itu, setiap karektor sebenarnya mengandungi banyak imej aksi yang lain bergantung kepada keadaan permainan berkenaan contohnya aksi menembak, aksi terbang, aksi melompat, aksi terjatuh dan sebagainya.

Untuk menghidupkan imej karektor dengan berkesan, kita perlu mengkaji secara terperinci imej yang berkaitan terutama imej 2D. Bagi game 3D yang menggunakan engine 3D, terdapat format misalannya jenis .x untuk menyimpan data pergerakan sesebuah model atau karektor. Namun begitu, bagi imej karektor 2D yang dilukis secara tradisional atau ‘pixel by pixel’, maka kerja seseorang artis agak rumit tidak kira sama ada menggunakan grafik ‘raster’ mahupun ‘vector’.

Terdapat pelbagai teknik dan kaedah yang digunakan oleh artis 2D/3D untuk membina imej yang jitu dan meyakinkan sebelum boleh diintegrasikan dalam enjin permainan. Pada pendapat aku, jika hendak menggunakan imej yang berkaitan dalam permainan 2D, anda boleh gunakan imej janaan software 3D untuk membina karektor kerana sifatnya yang mudah diubahsuai dan fleksible. Sebagai ilustrasi, sila perhatikan contoh yang aku siapkan seperti berikut iaitu watak yang aku namakan Robomon sedang beraksi: