Apa itu game komputer? • Apa itu game/permainan?

– Kegiatan/aktivitas

• Siapa (apa) yang bermain? • Manusia (binatang) bermain? Homo Luden • Apa itu komputer?

– Komputer untuk bermain (sejarah permainan komputer)

Tujuan Game Computer • Fun / Menyenangkan • Menghibur • (addicted) • Menarik • Tim work (relasi) • Business (business model) • Ketertarikan sosial (eksistensi, mengisi waktu

luang, gaya hidup)

Elemen Game Komputer • Tema • Jenis Game • Obyek • Latar belakang (background) • Musik • Warna • Bentuk • Skenario Game / Cerita (tujuan)

Konteks Visualisasi pada Game • Apa itu visualisasi?

– Subyek ------Obyek

• Mengapa harus visualisasi? – Penyampaian tema – Penyampaian maksud dan tujuan

• Aspek-aspek visualisasi • Bentuk-bentuk visualisasi

Konteks Visualisasi pada Game • Inderawi (otak)

– Penglihatan (mata) – Pendengaran (telinga) – Pencecapan (lidah) x – Penciuman (hidung) x – Peraba (kulit) x

• Estetika (keindahan) • Emosi/Rasa Perasaan

• Bentuk-bentuk dasar 2D • Analisis gambar 2D pada game • Teknik menggambar 2D (obyek, hewan,

manusia, lingkungan)

Bentuk Dasar 2D?

Bentuk Dasar 2D?

Bentuk Dasar 2D?

Analisis Gambar 2D pada Game • 2D pada gambar VS 2D pada (kategori) game

Pergerakkan obyek terhadap obyek lain (perspektif, axis)

Teknik Menggambar • Obyek

Teknik Menggambar • Obyek

Teknik Menggambar • Obyek

Teknik Menggambar • Hewan

Teknik Menggambar • Hewan

Teknik Menggambar • Manusia

Teknik Menggambar • Manusia

Teknik Menggambar • Lingkungan

Graphics Card

Struktur Grafis Komputer

Sumber: http://www.epanorama.net/circuits/vga2tv/fieldstoreblock.gif

Struktur Grafis Komputer

Sumber: http://2.bp.blogspot.com/-KKMJ3PHKiyU/ VGc9aKDJbKI/AAAAAAAAAhE/EVsz8jEhDkI/s1600/Graphics%2BSubsystem.png

Raster Scan

Sumber: http://www.ntu.edu.sg/home/ehchua/programming/opengl/images/Graphics3D_RasterScan.png

Frame Buffer dan CRT Raster

CRT Close UP

Sumber: https://upload.wikimedia.org/wikipedia/commons/9/9f/CRT_screen._closeup.jpg Sumber: http://www.cs.berkeley.edu/~sequin/CS184/IMGS/Colorcrt.GIF

Perbandingan CRT, LCD, Plasma

Graphics vs Drawing • Drawing(image/picture): komputer

memahaminya sebagai image (citra). Bentuk citra jadi bukan hasil komputasi tapi sudah dalam bentuk data jadi.

• Graphics : Komputer memahaminya sebagai gambar hasil komputasi (bentuk citra hasil komputasi menggunakan koordinat x,y atau x,y,x)

Drawing • Drawing(image/picture):

– 2D shapes, sebagai sebuah gambar/citra/image/lukisan visualisasinya dapat berupa bentuk 2D tanpa unsur kedalaman (hanya 2 sumbu)

– 3D shapes, sebagai sebuah gambar/citra/image/lukisan visualisasinya dapat berupa bentuk 3D dengan unsur kedalaman menggunakan teknik perspektif dan bayangan (ilusi 3 sumbu)

2D Drawings and 3D Drawings

2D Drawings and 3D Drawings

Koordinat Layar 2D

Graphics • Graphics :

– 2D shapes, sebagai sebuah hasil olahan/komputasi dua sumbu (x,y)

– 3D shapes, sebagai sebuah hasil olahan/komputasi 3 sumbu (x,y,z) yang menghasilkan ilusi ruang 3D

Koordinat Layar 2D

2D Graphics and 3D Graphics

2D Graphics and 3D Graphics

2D Graphics and 3D Graphics

Drawing vs Graphics • Drawing :

– Gambar statis – Efek dinamis dibuat dengan cara menampilkan

gambar yang berbeda (seperti film kartun) – Proses pembacaan komputer dilakukan dengan

menyimpan sprite dari berbagai macam bentuk dari buffer (memori) ke layar.

Drawing vs Graphics • Graphics:

– Gambar statis dan dinamis tergantung algoritma dan value dari parameter yang diubah

– Efek dinamis dibuat dengan cara mengubah algoritma dan value dari parameter

– Proses pembacaan komputer dilakukan seketika dari program tanpa buffer (butuh kemampuan komputasi besar)

Koordinat Layar 2D Drawings

2D -Sprite -Object

3D -Sprite -Object

Grap

hics

2D -Movement

Animation Animation

3D -Movement

Change perspective of

2D

3D object and

Movement

Teori Warna • Warna faktor penting dalam komunikasi

visual. Warna dapat memberikan pengaruh psikologis, sugesti, dan suasana bagi yang melihat.

• Warna di layar monitor (cahaya) dan warna di media cetak (CMYK) memiliki perbedaan (belum termasuk pengaruh mata sebagai penerima)

Teori Warna • RGB (Red Green Blue) • HLS (Hue Lightness Saturation) • LAB Color (Lightness A (green-red axis) B

(blue-yellow axis)) • CMYK (Cyan Magenta Yellow Black)

Kombinasi Warna • Warna Akromatik • Monokrom Netral • Komplementer • Pastel and Dark Color • Analog • Clash • Split Komplementer • Triangle Primer, Sekunder dan Tersier

Kombinasi Warna

Kombinasi Warna

Kombinasi Warna

Harmonisasi Warna • Warna-warna yang bersebelahan, dalam color

wheel • Dapat terjadi dalam 2 warna • Dapat terjadi untuk warna (daerah) mana saja • Harmonisasi bukanlah suatu keharusan hanya

merupakan pilihan

Harmonisasi Warna

Harmonisasi Warna

Harmonisasi Warna

Harmonisasi Warna

Tips memilih warna • Ketahuan pembuatan warna, hue, lightness,

saturation, warna primer, komplementer, monokrom dan psikologi warna

• Mengetahui target audiens (balita, remaja, dewasa, usia lanjut, laki-laki, perempuan)

• Tetap dapat menggunakan warna lain (dengan tidak mengurangi dominasi warna yang sudah ada)

Tips memilih warna • Tentukan terlebih dahulu warna latar belakang • Keuntungan latar belakang warna hitam

(gelap) adalah dapat diberikan efek flare (bercahaya), sedangkan keuntungan latar belakang warna putih (terang) adalah dapat diberikan efek bayangan.

• Sebelum menggunakan warna yang berbeda jenis (hue), gunakan warna monokrom beda terang (lightness)

Tips memilih warna • Atau cerah-pudar (tint). Terlalu banyak perbedaan

warna (hue) akan sulit mengatur dibanding monokrom dengan lightness.

• Terlalu banyak warna (hue) dan lightness, mengakibatkan kontras yang berlebihan (chaos)

• Tentukan batasan warna utama 2-3 warna saja (hitam dan putih jangan “dianggap” warna karena berfungsi mengatur gelap-terang)

• Lihatlah alam untuk belajar kombinasi warna

Tema pada Warna • Menentukan tema game: perang, romansa,

fun (arcade), sport, leisures (santai), • RPG (Role Playing Game): Final Fantasy,

Dragon Warrior, Breath of Fire. • FPS (First Person Shooters): half life, Counter

Strike, Doom, Castle Wolfenstein • RTS (Real Time Strategy): Warcraft, Total

Annihilation, Command and Conqueror

Tema pada Warna • Sports Games: NFL, NBA Slam, PGA Tour • Racing Games: Skateboarding, dune buggies,

sports cars, etc. • Puzzlers: Marble Madness, etc..

Ide, Budaya, Sifat dan Karakter Warna • Merah

– Melambangkan: perjuangan, nafsu, aktif, agresif, dominan, kemauan keras, persaingan, keberanian, energi, kehangatan, cinta, bahaya. (cari contoh)

• Merah dengan hijau akan menjadi simbol Natal • Merah dan putih, memiliki arti bahagia di budaya

oriental • Merah terang melambangkan kemauan atau cita-cita • Merah jambu melambangkan romantisme, feminin,

pasrah, menggemaskan dan jenaka

Ide, Budaya, Sifat dan Karakter Warna • Biru

– Melambangkan: ketenangan, kepercayaan, keamanan, teknologi, kebersihan, keteraturan. (cari contoh)

• Menimbulkan kesan kepercayaan (trust) • Biru tua melambangkan perasaan yang mendalam,

konsentrasi, cerdas, perasa, kooperatif, integratif, tenang, bijaksana, tidak mudah tersinggung, banyak teman

• Biru muda melambangkan bertahan, keras kepala, bangga diri, berpendirian tetap

Ide, Budaya, Sifat dan Karakter Warna • Hijau

– Melambangkan: alami, sehat, keinginan, keberuntungan, kebanggaan, kekerasan hati dan berkuasa. (cari contoh)

• Di timur tengah, warna hijau sangat disukai. • Islam sering di-”simbol”-kan dengan warna hijau • Orang yang menyukai warna ini senang dipuji, senang

menasihati orang lain.

Ide, Budaya, Sifat dan Karakter Warna • Kuning

– Melambangkan optimisme, harapan, tidak jujur, berubah-ubah, gembira, santai. (cari contoh)

• Di budaya barat kuning diartikan pengecut • Kuning terang melambangkan sifat spontan yang

eksentrik, toleran, investigatif, menonjol, berubah-buah sikap, tidak percaya.

• Kuning adalah warna keramat dalam agama Hindu.

Ide, Budaya, Sifat dan Karakter Warna • Ungu/jingga

– Melambangkan: spiritual, misteri, kebangsawanan, sombong, kasar, keangkuhan. (cari contoh)

• Warna ungu jarang ditemui di alam (e.g. Anggrek) • Menunjukkan pengertian yang mendalam dan peka • Sifatnya sedikit kurang teliti tetapi selalu penuh

harapan • Dapat memiliki makna dalam tradisi tertentu (roma)

Ide, Budaya, Sifat dan Karakter Warna • Orange

– Melambangkan: energi, semangat, segar, keseimbangan, ceria, hangat. (cari contoh)

• Menekankan sebuah produk yang tidak mahal • Biasa dipakai pada produk minuman rasa jeruk

Ide, Budaya, Sifat dan Karakter Warna • Coklat

– Tanah/bumi, kenyamanan, daya tahan, suka merebut, tidak suka memberi hati, kurang toleran, pesimis terhadap kesejahteraan dan kebahagiaan masa depan. (cari contoh)

Ide, Budaya, Sifat dan Karakter Warna • Abu-Abu

– Intelek, futuristik, milenium, kesederhanaan, sedih. (cari contoh)

• Abu-abu paling mudah dilihat oleh mata • Warna ini tidak menunjukkan arti yang jelas • Netral dan bebas dari kecenderungan makna psikologis

Ide, Budaya, Sifat dan Karakter Warna • Putih

– Suci, bersih, tepat, tidak bersalah. (cari contoh) • Putih melambangkan perkawinan (gaun pengantin) • Di India dan Budaya Tionghoa, warna putih

melambangkan kematian

Ide, Budaya, Sifat dan Karakter Warna • Hitam

– Power, jahat, canggih, kematian, misteri, ketakutan, sedih, anggun. (cari contoh: worksheet)

• Melambangkan kematian dan kesedihan (budaya barat) • Sebagai warna kemasan, hitam melambangkan warna

keanggunan (elegance), kemakmuran (wealth) dan kecanggihan (sophisticated).

Siapa dan Apa Manusia? • Siapa manusia?

– Badan (body) dan jiwa (soul) – Badan, jiwa, dan pikiran (mind) – Badan, jiwa, pikiran, dan roh (spirit)

Emosi dan Rasa?

• Emosi: – sedih, gembira, marah(anger), tenang(calm)

• Rasa: simpati, empati (pengalihan rasa) • Ego: winning (addiction)

– Manusia pada umumnya selalu ingin jadi pemenang

Manusia sebagai subyek? • Pemikiran dan understanding

– Dipahami/dialami oleh manusia, atau – “menampakkan diri” begitu saja terhadap

manusia

• Subyek dan obyek – Subyek (rasional) – Obyek (pengalaman indera): visualisasi (mata),

telinga(pendengaran), rasa, peraba, penciuman

Psikologi Manusia • Perilaku manusia:

– Self image (doktrin, pengalaman) – Self belief (doktrin, pengalaman) – Pola pikir (mind set)

Homo Ludens • Mahkluk yang bermain:

– Hewan bermain: Hasil pengamatan bahwa hewanpun bermain dengan jenisnya dan obyek di sekitarnya (observasi).

– Manusia yang bermain: Manusia adalah makluk yang bermain (observasi budaya, kebiasaan).