apa itu game komputer? - topazart.infotopazart.info/teks_teachingmat/multimedia/pemgame.pdfapa itu...
Embed Size (px)
TRANSCRIPT

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).