Elemen User Interface (UI) pada GAME

Dalam game terdapat unsur penting bagi player yaitu User Interface. Desain User Interface dalam game melibatkan unsur tambahan fiksi. Fiksi melibatkan avatar dari pengguna yang sebenarnya, atau player. Pemain menjadi elemen tak terlihat, tapi kunci untuk cerita, seperti halnya narator dalam novel atau film. Fiksi ini dapat langsung dihubungkan ke UI, sebagian terkait, atau tidak sama sekali. Game historis tidak memiliki hubungan nyata untuk narasi game, kemungkinan besar karena game semasa dulu jarang memiliki unsur-unsur cerita yang kuat. Terdapat sebuah teori mengenai desain user interface game oleh Erik Fagerholt dan Magnus Lorentzon dari Chalmers University of Technology berjudul: Beyond the HUD (Head Up Display) – User Interfaces for Increased Player Immersion in FPS Games. Mereka memperkenalkan istilah untuk berbagai jenis interface tergantung pada bagaimana terkait dengan narasi dan geometri permainan mereka, di antara lain :

1.        DIEGETIC
Elemen user interface yang diegetik ada dalam dunia permainan (fiksi dan geometris) sehingga pemain dan avatar dapat berinteraksi dengan mereka melalui visual, audible atau haptic. Elemen UI diegetik yang dieksekusi dengan baik dapat meningkatkan pengalaman narasi untuk pemain, memberikan pengalaman yang lebih mendalam dan terintegrasi. Salah satu game yang mengimplementasikan elemen diegetic adalah Dead Space, Far to cry 2, Aliens : Colonial Marine dan Assassin’s Creed.

Dead space screen shoots

 

Far to cry 2 screen shoots, stopwatch

Assassin’s Creed itu menggunakan eagle vision untuk menyorot musuh dan jalur

patroli mereka. Pemain dan karakter melihat hal yang sama.

2.         META

Elemen UI tidak selamanya sesuai dalam geometri dari dunia permainan. Mereka masih dapat mempertahankan narasi permainan tapi duduk di hub plane 2D – ini disebut elemen Meta. Elemen meta UI bisa sulit untuk dipakai dalam permainan tanpa unsur narasi yang kuat, seperti olahraga atau permainan balap. Dalam Need for Speed​​: Hot Pursuit masih dapat terasa bahwa speedometer di HUD 2D adalah meta karena karakter pemain – sopir, akan tahu berapa kecepatan mobil melaju dan untuk itu membentuk bagian dari narasi tersebut. Elemen HUD lainnya seperti posisi track dapat lebih sulit untuk dipakai.

Need for Speed​​: Hot Pursuit menggunakan elemen HUD seperti speedometer

untuk menyampaikan informasi tentang mobil kepada pemain.

Blood splashing di layar dengan 2D HUD plane untuk memberi tahu player

bahwa karakter sudah kalah dan mati.

3.        SPATIAL

Elemen Spasial UI digunakan ketika ada kebutuhan untuk memecahkan narasi dalam rangka untuk memberikan informasi lebih kepada pemain melebihi yang disadari karakter. Mereka masih duduk dalam geometri lingkungan permainan untuk membantu memuaskan pemain dan mencegah mereka dari keharusan untuk merusak pengalaman dengan melompat ke layar menu. Semakin dekat ini mengikuti aturan fiksi permainan semakin mereka dapat membantu memuaskan pemain.

Splinter Conviction juga mengadopsi unsur-unsur spasial dalam bentuk proyeksi yang menggambarkan tujuan dalam dunia permainan. Skala mereka tampaknya menantang fiksi sedikit lebih dari contoh-contoh lainnya.

Tipe ditampilkan di dalam lingkungan untuk mengkomunikasikan pesan

ke pemain daripada ke karakter.

Fable 3 adalah contoh lain di mana spatial elemen digunakan untuk memberikan informasi lebih pada player dan mencegah player dari melompat ke map screen. Jejak yang berpijar hampir tepat digunakan karena unsure fiksi dan memberi kualitas kesan magic estetik tetapi karakter tidak dimaksudkan untuk menyadari hal itu. Ini memandu pemain ke tujuan berikutnya.

Jejak bersinar Fable memandu player untuk melangkah ke langkah selanjutnya.

Spatial elemen dapat menjadi sesuatu yang indah ketika mereka bekerja dengan geometri di dunia. Berikut ini adalah spatial elements dari Forza 4 yang mendemostrasikan style simple yang dapat kontras denga kekayaan kualitas 3D dari game.

Bold iconography dikombinasikan dengan strong typographic layouts membantu

membangun arah seni yang indah bagi Forza 4’s UI.

4.        NON DIEGETIC

Lalu ada elemen diegetic non-tradisional, elemen-elemen ini memiliki kebebasan untuk benar-benar dihapus dari fiksi permainan dan geometri dan dapat mengadopsi pemakaian visual mereka sendiri, meskipun sering dipengaruhi oleh arah seni permainan. Saya pikir ini unsur paling baik digunakan ketika bentuk diegetik, meta dan spasial memberikan batasan yang melanggar seamlessness atau konsistensi dari elemen UI.
World of Warcraft sebagian besar menggunakan non-diegetic UI, satu pengecualian adalah nama pemain yang spatial. Hal ini memungkinkan pengguna untuk sepenuhnya menyesuaikan, mudah-mudahan memastikan pengalaman yang familiar.

Sebagian besar elemen UI di World of Warcraft duduk di hub plane 2D,

beberapa elemen duduk dalam geometri dunia seperti nama

pemain namun karakter tidak mengetahui adanya UI

Akhirnya Mass Effect 3 menggunakan banyak elemen Non-diegetic UI elements agar dapat menginformasikan kepada player bahwa karakter telah memilih senjata dan kekuatan dari beberapa yang ditawarkan.

Non-diegetik Mass Effect 3 ini elemen masih mewarisi gaya visual

yang berhubungan dengan dunia game

Grafik Scene pada Game Komputer

Dinokta Pangestu
53414187
3IA21
Pengantar Teknologi Game
Syefani Rahma Deski

A.    Visibility

      Visibility merupakan tampilan grafik scene game pada komputer. Bagaimana sebuah game terlihat oleh user agar menarik dan berkualitas sehingga user menikmati game tersebut. Game bertipe ini menggunakan 2 macam tipe pemodelan :

      

      Tiga Dimensi Object/Model

      merupakan model/objek 3D yang nantinya akan dijadikan sebagai karakter utama, bangunan, objek-objek seperti senjata, musuh, permukaan tanah, pohon, dan bukit. Objek 3D seperti ini bisa dibuat dengan menggunakan program seperti 3D max, Maya, Hash, dan Blender.

      Dua Dimensi Graphic

      gambar 2D juga berperan dalam membuat game ini yaitu sebagai texture untuk objek, sebagai latar belakang seperti langit dan pemandangan, sebagai meteran untuk nyawa dan gambar untuk speedometer pada game racing.

B.    Level of Detail

      Dalam komputer grafis, akuntansi untuk tingkat detail melibatkan menurunkan kompleksitas representasi objek 3D seperti bergerak menjauh dari penampil atau sesuai metrik lainnya seperti objek penting, kecepatan sudut pandang-raltif atau posisi.

      Tingkat teknik detail meningkatkan efisiensi render dengan mengurangi beban kerja pada tahap pipa grafis, transformasi biasanya simpul. Kualitas visual berkurang dari model sering diperhatikan karena efek kecil pada objek muncul ketika jauh atau bergerak cepat.

      Untuk konsep menggambar LOD sebagian besar waktu LOD diterapkan untuk geometri rinci saja, konsep dasar bisa disamaratakan. Baru-baru ini, teknik LOD termasuk manajemen juga shader untuk tetap mengontrol kompleksitas pixel. Suatu bentuk tingkat manajemen detail telah diterapkan untuk tekstur selama bertahun-tahun, di bawha nama mipmapping, juga memberikan kualitas rendering yang lebih tinggi. Ini adlaah hal yang lumrah untuk mengatakan bahwa "sebuah objek telah LOD'd" ketika objek disederhanakan oleh mendasari algoritma LOD-ing. 
  

      2 Game yang Mempunyai Jalan Cerita dan Level

    

    Star Wars: Knight of the Old Republic

      Star Wars: Knights of the Old Republic adalah game RPG yang dikembangkan oleh BioWare. Permainan ini memiliki setting waktu di Golden Age of the Republic, sekitar dari 4.000 tahun sebelum setting waktu dalam film Star Wars pertama.

Pemain berada tengah-tengah perang galaksi antara pihak Jedi dan Sith. Pada awal permainan, pemain dapat memilih dari tiga kelas dasar, dan kemudian dalam permainan ada tiga subclass Jedi yang dapat dipilih. Selain jalan cerita yang mengasyikkan (terutama bagi fans Star Wars), permainan ini juga memiliki dunia yang luas dengan ratusan misi untuk diselesaikan.  Tak hanya itu, ada pula berbagai makhluk luar angkasa yang aneh yang membuat permainan anda akan makin mengasyikkan.

Star Wars: Knights of the Old Republic telah menerima banyak penghargaan dan pujian dari kritikus dan berbagai media. Permainan ini dinobatkan sebagai Game of the Year dalam berbagai versi, bahkan majalah Time juga menobatkannya sebagai salah satu dari 100 video game terbaik sepanjang masa. 

        

       Alpha Protocol

       Alpha Protocol adalah game RPG yang disajikan dalam sudut pandang orang ketiga, dikembangkan oleh Obsidian Entertainment.

Pemain berperan sebagai Michael Thorton, seorang agen CIA. Selama bermain dan menyelesaikan berbagai misi, pemain akan mendapatkan Advancement Point yang dapat digunakan untuk menaikkan level salah satu dari sepuluh skill yang berbeda. Skill yang dipilih ini memungkinkan Thorton untuk menggunakan senjata tertentu dengan efisien, atau memiliki kemampuan khusus tertenu. Pemain juga dapat mengatur sendiri penampilan fisik Thorton, mulai dari warna kulit dan warna mata, tutup kepala dan gaya rambut.

Meskipun permainan ini dipuji karena memiliki konsep yang unik, ada banyak masalah teknis yang membuatnya tidak terlalu populer dibandingkan serial lain seperti Mass Effects. Hal ini cukup disayangkan, karena jalan cerita dalam Alpha Protocol sangatlah dramatis dan indah.  Semoga saja kelak sekuel dari game ini bisa disajikan dengan lebih sempurna.

Sumber :
http://danieldharmawan.blogspot.co.id/2016/06/tampilan-grafik-scene-pada-game-komputer.html
http://www.wikugame.com/2013/10/6-game-action-rpg-dengan-jalan-cerita.html

User Interface dan Grafik Scene

Judul/Bab             : User Interface pada Game Komputer
Nama                  : Dinokta Pangestu
NPM                   : 53414187
Kelas                 : 3IA21
Mata Kuliah           : Softskill - Pengantar Teknologi Game
Nama Dosen            : Syefani Rachma Deski 

User Interface pada Game

Antarmuka (Interface) merupakan mekanisme komunikasi antara pengguna (user) dengan sistem. Antarmuka (Interface) dapat menerima informasi dari pengguna (user) dan memberikan informasi kepada pengguna (user) untuk membantu mengarahkan alur penelusuran masalah sampai ditemukan suatu solusi. Antarmuka (Interface)  berfungsi untuk menginput pengetahuan baru ke dalam basis pengetahuan sistem pakar (ES), menampilkan penjelasan sistem dan memberikan panduan pemakaian sistem secara berurutan  sehingga pengguna mengerti apa yang akan dilakukan terhadap suatu sistem.

Desain user interface dalam game berbeda dari desain UI lainnya karena melibatkan unsur tambahan fiksi. Fiksi melibatkan avatar dari pengguna yang sebenarnya, atau player. Sebuah Desain Antarmuka (Interface) pada suatu Game mempengaruhi kenyamanan dan sejauh mana user/pengguna meminati Game tersebut.

Dalam desain user interface game, terdapat sebuah teori yang dikemukakan oleh Erik Fagerholt dan Magnus Lorentzon dari Chalmers University of Technology. Dalam tesisnya mereka menulis tesis tentang desain user interface berjudul Beyond the HUD - User Interfaces for Increased Player Immersion in FPS Games.Mereka memperkenalkan istilah berbagai jenis interface yang berkaitan dengan desain video game.

HUD itu sendiri kepanjangan dari Heads – up display, merupakan metode dimana informasi secara visul disampaikan kepada pemain sebagai bagian dari antarmukan pengguna permainan. Biasanya menunjukkan bar/kotak HP(Health Point) ataupun MP(Mana Point) dan biasanya muncul  di atas kepala karakter. Fungsi HUD ini untuk memudahkan pemain mengetahui kondisi karakter dalam permainan.

Dalam desain antarmuka game terdapat beberapa elemen yang diantaranya adalah :

1.Diagetic: Desain antarmuka yang termasuk dalam permainan game  yaitu yang dapat dilihat dan didengar oleh karakter dalam permainan. Yang dimaksudkan pada antarmuka diagetic ini segala sesuatu yang terlihat terkecuali elemen-elemen non-diegetic seperti HUD, Kursor mouse, Informasi dari Komputer,dll  Contoh: Interface  dalam game Dead Space, pada game Assassin’s Creed

2.Non-diegetic: Desain  Antarmuka yang diberikan sebagai tambahan di luar dunia game itu sendiri, hanya terlihat dan terdengar ke pemain di dunia nyata. Sehingga seakan-akan karakter dalam dunia game tidak melihatnya. Mass Effect 3 menggunakan banyak Non-diegetik elemen UI untuk menginformasikan pemain senjata karakter dipilih dan kekuasaan - antara lain.

3.Spatial: Elemen User Interface yang disajikan dalam ruang permainan 3D dengan atau tanpa suatu entitas dari dunia permainan yang sebenarnya (diegetik atau non-diegetik). Outline karakter dalam Left 4 Dead adalah contoh dari non-diegetik User Interface spatial.

4.Meta: Gambaran yang bisa muncul dalam dunia game, namun tidak selalu divisualisasikan spasial untuk pemain.Contoh yang paling jelas adalah efek ditampilkan di layar, seperti percikan darah pada kamera untuk menunjukkan kerusakan. Contoh: Duty Calls- The Calm Before the Storm

penggunaan icon pada game juga mempengaruhi kenyamanan pemain dalam memilih perintah-perintah pada game. Desain icons dalam user Interface dibedakan menjadi dua jenis yaitu picons dan micons.

Grafik Scene Game Komputer: Visibility & Level of Detail

Setelah sebelumnya saya menjelaskan mengenai arsitektur game, pada pertemuan kali ini saya akan menjelaskan perihal tentang game dari segi tampilan grafik scene pada game komputer. Menelisik dari materi yang disampaikan, hal ini dapat berkaitan dengan antar muka atau interface secara umum yang sudah kita kenal merupakan salah satu bentuk interaksi manusia dengan komputer. Secara umum Interface adalah fungsi dan atribut sensor dari suatu sistem (aplikasi, perangkat lunak, kendaraan, dll) yang berhubungan dengan pengoperasiannya oleh pengguna.

Dalam elektronik dan teknik komputer, sebuah antarmuka dapat berarti:

• Batasan fisik dari dua subsistem atau alat.
• Sebuah bagian atau sirkuit di beberapa subsistemyang mengirim atau menerima sinyal ke atau dari subsistem lainnya: antarmuka jaringan, antarmuka video, kartu network.
• Sebuah standar yang menjelaskan sebuah himpunan karakteristik yang berfungsi, karakteristik interkoneksi fisik umum, dan karakteristik signal untuk pertukaran data atau signal; antarmuka USB, antarmuka SCSI.

Tetapi dalam dunia game hal ini bukan hanya untuk antarmuka pengguna saja tetapi juga sebagai dasar dari pembuatan game itu sendiri. Karena berhubungan dengan grafik sudah barang tentu pembuatan game membutuhkan kompone-komponen yang membentuk tampilan yang dapat kita lihat dan mainkan. Disini saya akan jelaskan dua komponen dalam menampilkan scene game terutama pada komputer, yaitu:

1. Visibilty
2. Level of Detail

Visibility

Pengertian Visibility merupakan tampilan grafik scene game pada komputer. Bagaimana sebuah game terlihat oleh user agar menarik dan berkualitas sehingga user menikmati game tersebut. Biasanya pada video game terdapat istilah scene 2.5D. Sebenarnya istilah tersebut tidak berbeda jauh dari scene 2D (dua dimensi). Hanya saja 2.5D memiliki beberapa fitur tambahan berupa efek cahaya, bayangan dan sebagainya yang dibuat agar seakan-akan menyerupai scene 3D.

Biasanya gameplaynya memang mirip game 2D dimana kita hanya bisa bergerak secara horizontal dan vertical namun beberapa gambarnya di render secara 3D. Teori grafik 2.5D ini biasa juga disebut dengan pseudo-3D sedangkan pada istilah game lebih dikenal dengan isometric/diametric/trimetric projection.

Gambar 1.1 Algoritma Ray Tracing salah satu bentuk visibilty

Game bertipe ini menggunakan 2 macam tipe pemodelan: · 

• 3 Dimensi object/model : Merupakan model/object 3D yang nantinya akan dijadikan sebagai karakter utama, bangunan, object-object seperti senjata, musuh, permukaan tanah, pohon, dan bukit. Object 3D seperti ini bisa dibuat dengan menggunakan program seperti 3DS Max, Maya, Hash, dan Blender. 
• 2 Dimensi graphic : Gambar 2D juga berperan dalam membuat game ini yaitu sebagai texture untuk object, sebagai latar belakang seperti langit dan pemandangan, sebagai meteran untuk nyawa dan gambar untuk speedometer pada game racing. 

Gambar 1.2 Game dengan sudut pandang isometric, membuat 2D seolah-olah 3D

Kegunaan 2.5D dalam game adalah sebagai pengaturan gerakan seperti golden axe, double dragon, path finding yang biasanya cukup sederhana. Hal ini berguna untuk mengikuti posisi pemain dan agar game lebih 'hidup'. Pada video game, biasanya scene 2.5D ini lebih digunakan dalam visualisasi geografis (GVIS) untuk membantu memahami representasi visual spasial-kognitif atau visualisasi 3D. 

 

Level of Detail 

LOD biasanya digunakan untuk mengatur material yang akan diaplikasikan pada model objek. Disebut level karena tingkat pengaturannya berbeda-beda tergantung dari seberapa jauh jarak antara model dengan viewer.

Gambar 1.3 Penerapan Level of Detail

Ketika model berada pada jarak dekat dengan viewer, model sebaiknya di-render dengan detail sebanyak mungkin. Namun sebaliknya jika model berada pada jarak yang jauh dari viewer lebih baik jangan menampilkan model dengan sangat detail agar tidak mengganggu performance dan agar hasilnya justru dapat meningkatkan performance.

Meskipun sebagian besar waktu LOD diterapkan untuk geometri rinci saja, baru-baru ini teknik LOD sudah termasuk dalam manajemen shading untuk dapat mengontrol kompleksitas pixel. Suatu bentuk tingkat manajemen detail telah diterapkan untuk tekstur selama bertahun-tahun, di bawah nama mipmapping, juga memberikan kualitas rendering yang lebih tinggi. Ini adalah hal yang lumrah untuk mengatakan bahwa “sebuah objek telah LOD’d” ketika objek disederhanakan oleh mendasari algoritma LOD-ing.

 

Terrain LOD 

Gambar 1.4 Terrain LOD

Dalam suatu game, Terrain merupakan model yang sangat besar. Membuat setiap pointnya secara eksplisit sangatlah tidak mungkin, maka metoda untuk mengotomatiskan pembangkitan Terrain merupakan hal biasa. Ketika proses rendering, sebagian dari Terrain tertutup dan sebagian lain sangat jauh, oleh karena itu dikembangkanlah Terrain LOD algorithms.

Terrain, atau sering juga disebut dataran, merupakan salah satu data yang penting dalam pemodelan pemograman grafik.Terrain umumnya diimplementasikan untuk obyek – obyek yang statis. Salah satu implementasi terrain yang banyak digunakan adalah dalam pemodelan lanskap. Contoh pemodelan lanskap adalah pemodelan bentangan tanah, pinggiran pantai, pegunungan dan lain sebagainya. Penggunaan visualisasi terrain sebagai model lansekap ini banyak didapati dalam game motor rally dan real – time strategy.

Referensi : 

http://ariefnugrahaa.blogspot.co.id/2016/05/user-interface-pada-game.html

http://hilmantan.blogspot.co.id/2016/06/tampilan-grafik-scene-game-komputer.html#.WRxzodwlHtQ