Selasa, 25 Juni 2013

Pengantar Teknologi Game



Kelompok 10
Nama Anggota :          1. Dedy Triwan Putra (51410758)
                                    2. Meida Listyaningrum (54410319)
                                    3. Ridwan Farizki ( 55410917)
Kelas : 3IA13

Pada postingan kali ini akan membahas tentang shading, shader, BDRF, ambient, diffuse, specular, fallof, texture map, membuat rancangan game sederhana. Berikut jawaban menurut kelompok kami melalui beberapa sumber. Silahkan dilihat ya :)

1.      Apa yang dimaksud dengan shading ? 
            Jawaban :
·         Bayangan (shading) adalah bidang yang terbentuk akibat hilangnya sebuah sinar oleh objek yang tidak bisa ditembus oleh sinar tersebut. Bayangan adalah proses penentuan warna dari semua pixel yang menutupi  permukaan menggunakan model illuminasi.
·         Shading dapat mengevaluasi intensitas cahaya dan warna menggunakan model illuminasi
2.      Apa yang dimaksud dengan shader ?
Jawaban :
Shader adalah sebuah program yang digunakan dalam 3D software tertentu(softimage) dalam proses special rendering. Biasanya shader diperlukan untuk memenuhi kebutuhan special effect tertentu atau menentukan karakteristik material pada permukann objek seperti lighting effect, atmosphere, fog, dan sebagainya.
3.      Sebutkan dan jelaskan jenis-jenis shader !
Jawaban :
Terdapat 3 jenis shader, yaitu :
a.      Vertex Shader
Berkaitan dengan vertex (titik) dari suatu objek 3D. Pembuatan, perubahan bentuk objek ditangani disini.
b.      Geometry Shader
Hanya ada di DirectX 10. Geometry Shader menjembatani Vertex Shader dengan Pixel Shader.
c.        Pixel Shader
Bertanggung jawab pada masalah lighting, semua visual efek ada disini. Warna akhir dari suatu pixel ditentukan disini.

4.      Jelaskan mengenai BRDF!
Jawaban :
                  Bidirectional reflectance distribution function (BRDF) diperkenalkan oleh Edward          Nicodemus sekitar tahun 1965.
Fungsi merupakan penyempurnaan model reflektansi Lambert dengan tiga model difusi, yaitu model difusi Lambert, Minnaert dan Oren-Nayar.
Pada tahun 1991, Paul Heckbert menggabungkan fungsi distribusi reflektansi bidireksional dengan:
·         fungsi distribusi transmitansi bidireksional (en:bidirectional transmittance distribution function), dan
·         fungsi distribusi permukaan hamburan bidireksional (en:bidirectional scattering surface distribution function) atau (en:subsurface scattering)
menjadi fungsi distribusi hamburan bidirektional (en:bidirectional scattering   distribution function), karena hamburan (en:scattering) cahaya terjadi tidak hanya pada refleksi tetapi juga pada refraksi antarmuka medium apapun.
5.      Apa yang dimaksud dengan Ambient, Diffuse, dan Specular ?
Jawaban :
o   Ambient.
Ambient adalah sebuah efek pencahayaan yang dimana efek ini  merupakan suatu pantulan cahaya dari segala arah yang dimana pantulan cahaya ini telah membaur dengan objek atau benda tersebut.  Intensitas ambient pada objek dapat dicari dengan menggunakan persamaan seperti dibawa ini.
o   Diffuse
Diffuse merupakan sifat permukaan dimana cahaya yang dating di pantulkan kesegala arah sehingga permukaan dari benda tersebut akan terlihat kasar misalnya kayu, batu, kertas. Disaat posisi cahaya memperngaruhi efek diffuse maka kita dapat mencari intensitasnya dengan menggunakan persamaan : I = Ip * Kd (cosθ ). Cos(Θ) dapat diperoleh melalui dot product vektor s dan vektor n yang sudah dinormalisasi, sehinggi dapat menumukan persamaan baru, yaitu : Ip * Kd * ( L • N ), dimana, I= Intensitas yang dihasilkan; Ip = Intensitas diffuse dari sumber cahaya ‘x’; Kd = Koofisien diffuse; N = Vektor normal dari obyek;  L = Vektor dari titik tabrak ke sumber cahaya;  θ = Sudut antara N dan L

o   Specular
Specular merukan  efek pencahayaan dimana sumber cahaya terlihat pada permykaan objek. Semakin mengkilap permukaan suatu objek maka pantulan cahaya dari objek tersebut akan lebih jelas contoh pada specular ini adalah cermin. Untuk menentukan sebuah intensitas pada cahaya tersebut dapat menggunakan persamaan yaitu: I = Ip * Ks(cos θ ) n. Dari persamaan intensitas specular tersebut cos θ menggunakan dot product antara arah pantulan dengan negasi dari arah sinar.
6.      Advanced Transparancy terdiri atas falloff, apa yang dimaksud falloff in & falloff out? Jelaskan mengenai falloff in & falloff out !
Jawaban :
Fallof adalah mengatur cakupan area yang dipengaruhi oleh soft selection,dari titk pusatnya (sub-object terpilih).
o   Falloff in : Mengatur cakupan area yang dipengaruhi oleh soft selection,dari titk pusatnya (sub-object terpilih) yaitu bagian tengah (In) objek.
o   Falloff out : Mengatur cakupan area yang dipengaruhi oleh soft selection,dari titk pusatnya (sub-object terpilih) yaitu bagian pnggir (out) objek. 
7.      Apa yang dimaksud dengan Texture Map dan Mapping Coordinate ?
Jawaban :
·         Texture Map
Texture Mapping memungkinkan untuk menaruh gambar pada geometric primitive tersebut dan sekaligus mengikuti transformasi yang diterapkan kepada polygon tersebut atau dengan kata lain Texture mapping memetakan peta tekstur 2D (2D texture map) ke permukaan objek kemudian memproyeksikannya ke bidang proyeksi. Secara konseptual ada tiga langkah dalam melakukan texture mapping, yaitu:
a.       Penentuan texture
o   Baca image darifile
o   Generate texture iduntuk image tersebutglGenTextures(3, &texture[0])
b.      Pemberiankoordinattexture ke vertex
c.       Penentuanparameter texture (wrapping/filtering)
Texture map terdiri dari :
o   bitmap : memilih file gambar image
o    checker : pola papan catur
o    marble : tekstur berupa marmer
o    gradien : tekstur dari gradasi tiga buah warna
o   water : menampilkan efek air
o   wood : menampilkan tekstur kay
·         Mapping Coordinate
Merupakan pemetaan yamg memiliki koordinat yang berfungsi menentukan lebar,panjang, dan tinggu suatu objek.
o   offset : menggeser posisi bitmap pada material
o    tilling : mengatur duplikasi bitmap pada material
o   mirror : mencerminkan bitmap pada material
o   tile : pengkotakkan material
o    angle : perputaran material pada objek
o    uv/vw/wv : orientasi mapping
o   blur : memberikan efek kabur
8.      Buatlah Rancangan Game Sederhana !
Di sini kami mengambil dari pengembangan game yang di buat dari game matches di strawberry  prolog yang diberi nama Madagascar Matches

9.      Buatlah scenario game tersebut !
Rules :
User memulai permainannya terlebih dahulu dan user mengklik item yang diinginkan untuk diambil. Item yang bisa di klik hanya berada dalam satu column saja. Setelah itu, computer akan mulai jalan permainan setelah userjalan permainan.  Komputer diberi pembelajaran untuk menghalangi jalan user (mengambil item) untuk mencapai Goal. Komputer diberi pembelajaran untuk memenangkan game ini (menyisakan satu item), karena game ini jangan ambil item terakhir. Waktu akan berjalan pada saat memulai game dengan cara memilih karakter(misalnya mort) pada layout ganti karaker. 


Tujuan :
Goal (tujuan) untuk menyelesaikan permainan Madagascar ini adalah menyisakan satu item terakhir untuk lawan yaitu (AI computer). Karena game ini “Don’t take the last” atau “Jangan ambil item terakhir”. Jika menang maka akan muncul gambar di bawah ini :

              
Sumber Referensi :
       sumber 1
 Bayangan.ppt



Tabel Kinerja :

NPM
Nama
Kinerja
51410758
Dedy Triwan Putra
Mengerjakan nomer 5 dan 6
54410319
Meida Listyaningrum
Mengerjakan nomer 1, 2, 3, dan 4
55410917
Ridwan Fariki
Mengerjakan nomer 7, 8, dan 9







 


Kamis, 21 Maret 2013

GAME

Halo perkenalkan saya Meida Listyaningrum dari kelas 3IA13. Pada tugas softskill ini saya disuruh membuat tugas tentang GAME. ayo silahkan dilihat ya hehehehe................

 Pertama yang akan dijelaskan tentang pengertian game. Game merupakan  kata dalam bahasa inggris yang berarti permainan. Permainan adalah sesuatu yang dapat dimainkan dengan aturan tertentu sehingga ada yang menang dan ada yang kalah, biasanya dalam konteks tidak serius atau dengan tujuan refreshing. Game memiliki genre atau jenis-jenis game yang dapat dimainkan, beberapa jenis game :
  1. Edutainment game
    Game jenis ini biasanya dibuat lebih sepesifik untuk tujuan tertentu, misalnya untuk balita untuk sekedar mengenal warna dan objek. Ada juga yang ditujukan ke anak sekolah, sebagai contoh game tentang pelajaran biologi dimana di dalam game tersebut menyediakan konten misalnya tentang fungsi organ tubuh manusia.
  2. First person shooter
    Jenis game ini menampilkan sudut pandang orang pertama, biasanya yang nampak hanya tangan dan senjata player saja. Contoh game ini adalah CS (Counter strike), Saurbatten, dll.
  3. Real time strategy
    Game ini lebih menekankan pada kehebatan strategi pemainya, dan biasanya pemain tidak hanya memainkan satu karakter melainkan lebih dari satu karakter.
  4. Fighting
    Game ini menuntut pemainya untuk lincah, cepat tanggap, respon yang baik. Sedikit berbeda dari game fighting lainya yang hanya melawan AI atau komputer saja, melainkan game ini akan teruji jika pemain sudah bisa mengalahkan pemain lainya atau dengan kata lain game ini merupakan game multi player.
  5. Adventure
    Berbeda dengan game lain yang menuntut pemainya untuk lincah, refleks, respon. Dalam game petualangan pemain dituntut kemampuan berfikirnya untuk menganalisa tempat secara visual, memecahkan teka-teki maupun menyimpulkan rangkaian peristiwa dan percakapan karakter, menggunakan benda-benda yang tepat dan diletakan di tempat yang tepat.
Pengertian game juga ada dari berbagai para ahli. yuk kita lihat apa para pendapat dari pada ahli :
# JOHN C BECK & MITCHELL WADE
Game adalah penarik perhatian yang telah terbukti.
Game adalah lingkungan pelatihan yang baik bagi dunia nyata dalam organisasi yang menuntut pemecahan masalah secara kolaborasi
# IVAN C. SIBERO
Game merupakan aplikasi yang paling banyak digunakan dan dinikmati para pengguna media elektronik saat ini. 
# FAUZI A
Game merupakan suatu bentuk hiburan yang seringkali dijadikan sebagai penyegar pikiran dari rasa penat yang disebabkan  oleh aktivitas dan rutinitas kita
# SAMUEL HENRY
Game merupakan bagian tak terpisahkan dari keseharian anak, sedangkan sebagian orang tua menuding game sebagai penyebab  nilai anak turun, anak tak mampu bersosialisasi, dan tindakan kekerasan yang dilakukan anak
# ANDIK SUSILO
Game adalah salah satu candu yang susah  dihilangkan, bahkan ada yang mengatakan bahwa candu game online setara dengan narkoba
# JOHN NAISBITT
Game merupakan sistem partisipatoris dinamis karena game memiliki tingkat penceritaan yang tidak dimiliki film
# ALBERT EINSTEIN
Game adalah bentuk investigasi paling tinggi
# WIJAYA ARIYANA & DENI ARIFIANTO
Game merupakan salah satu kebutuhan yang menjadi masalah besar bagi pengguna komputer, karena untuk dapat memainkan game dengan nyaman, semua komponen komputernya harus memiliki kualitas yang baik, terutama VGA card-nya

Terus lanjut yuk ke pengertian tentang game engine dan contohnya :
Game Engine adalah system perangkat lunak yang dirancang untuk menciptakan dan pengembangan video game. Ada banyak mesin permainan yang dirancang untuk bekerja pada konsol permainan video dan sistem operasi desktop seperti Microsoft Windows, Linux, dan Mac OS X. fungsionalitas inti biasanya disediakan oleh mesin permainan mencakup mesin render ( “renderer”) untuk 2D atau 3D grafis, mesin fisika atau tabrakan (dan tanggapan tabrakan), suara, script, animasi, kecerdasan buatan, jaringan, streaming, manajemen memori, threading, dukungan lokalisasi, dan adegan grafik. Proses pengembangan permainan sering dihemat oleh sebagian besar menggunakan kembali mesin permainan yang sama untuk menciptakan permainan yang berbeda.
Beberapa contoh jenis game engine :
1. Freeware game engine/open source game engine
  • Blender
  • Golden T Game Engine (GTGE)
  • DXFramework
  • Ogre
  • Aleph One
  • Axiom Engine
  • Allegro Library
  • Box2D
  • Build Engine
  • Cube
  • Cube 2
  • DarkPlaces
  • jMonkeyEngine (jME)
  • Panda3D
  • Sphere
2. Commercial engines/game engine berbayar (komersial)
  • Alamo
  • A.L.I.V.E
  • BigWorld
  • DXStudio
  • Dunia Engine
  • Euphoria
  • GameStudio
  • Jade Engine
  • Jedi
  • Medusa
  • RPG Maker VX
  • RPG Maker XP
  • RPG Maker 2003
  • RPG Maker 95
  • Vision Engine
Nah setelah itu, penjelasan tentang Game Online dan Game offline serta perbedaannya :
Sejak komputer menjadi populer, video game mulai muncul. Game komputer ini dibagi dalam dua jenis, game offline dan game online. Pada artikel ini, Kelpo akan berbagi informasi mengenai game offline dan online ....
Game Offline
Game Offline berarti game yang dimainkan tanpa jaringan internet, dengan kata lain offline. Game semacam ini sudah ada sebelum munculnya game online. 

Apa sih keistimewaan game offline ? 
  • Tidak memerlukan jaringan internet
  • Kualitasnya sering lebih bagus
  • Loading cenderung lebih cepat
Berikut ini kelemahan game offline ...
  • Game offline, dibandingkan game online, sering tidak gratis
  • Kita tidak bisa berinteraksi dengan pemain lain dalam waktu yang sama
  • Game tidak akan diupdate dan sering cepat membuat bosan
Game Online
Berbeda dengan game offline, untuk memainkan game online, kita butuh jaringan internet. Game online ini mulai muncul seiring dengan perkembangan internet. Dengan game online, pemain bisa berinteraksi dengan pemain lain dari seluruh dunia dalam waktu yang sama. 

Apa lagi keistimewaannya ?
  • Game online biasanya gratis
  • Kita bisa berinteraksi dengan pemain lain dari seluruh dunia
  • Game sering diupdate oleh pembuatnya
Kalau ada sisi positif, pasti ada sisi negatifnya ...

Rabu, 16 Januari 2013

Rangkuman Softskill

Haiiiii ketemu lagi nih udah lama ngga buka blog haha disini saya mau buat tugas terakhir softskill di semester lima sebelum UAS. Kita disuruh merangkum tugas pertama sampe tugas terkahir yang dikasih bapaknya. yuk yuk yuk kerjain yuk!!!!!




Tugas Pertama!
Simulasi di bidang industri itu ada manfaatnya yaitu bisa meningkatkan kinerja sistem dengan menyediakan cara untuk membuat sesuatu lebih baik. Simulasi juga menghemat waktu kita. Simulasi juga digunakan menyelesaikan masalah dalam dunia nyata. Tetapi simulasi juga ada kekurangannya yaitu butuh waktu lama dan biaya yang mahal.
Contoh dari simulasi di bidang industri yaitu penyebab Ledakan Reaktor Nuklir Chernobyl – Ukraina. Ternyata reaktor nuklir yang ingin diuji coba menimbulkan kegagalan. Karena pada saat ingin diuji, operator memilih mematikan beberapa sistem keselamatan agar reaktor nuklir bisa berjalan tetapi kenyataannya malah ngga justru membawa kecelakaan dan akhirnya reaktor nuklir tersebut meledak.
Simulasi itu penting ngga sih? Kalo menurut saya nih ya simulasi itu tergantung dari pemakaiannya. Misalkan kita ingin membuat kereta api nah disini kan diperlukan simulasi, agar masinis tidak melakukan hal yang tidak diinginkan. Jadi simulasi itu penting menurut saya agar menghindari terjadinya resiko kecelakaan.

Tugas Kedua!
            Visual teknologi yaitu untuk menyampaikan informasi dengan indera penglihatan atau pendengaran melalui media yang canggih atau modern. Visual teknologi sekarang ini sudah sangat berkembang pesat. visual teknologi juga mempunyai kelebihan dan kekurangan.
                Perkembangan simulasi di bidang kesehatan contohnya yaitu tentang mendiagnosa suatu penyakit. Disini seorang dokter bisa mendiagnosa suatu penyakit sudah bisa menggunakan smartphone atau tablet dengan aplikasi-aplikasi yang usdah dibuat.
                Pengaruh kebudayaan di bidang grafik menurut saya itu teknologi yang mempengaruhi  budaya karena zaman semakin berkembang maka teknologi juga semakin berkembang. Contohnya adalah alat transportasi dulu belom ada kendaraan secanggih sekarang seperti mobil, motor, busway. kendaraan dulu cuman ada sepeda, bajaj, becak,delman,dll.

Tugas Ketiga!
Fitur dari HTML 5 yaitu :
1. unsur kanvas untuk menggambar
2. video dan audio untuk pemutaran
3. media penyimpanan terbaik untuk media offline
4. kontennya lebih spesifik
5. ada bentuk kontrol form
HTML 5 sekarang ini masih dalam pengembangan dia juga dipakai pada browser yang mendukung seperti safari, chrome. firefox, dan opera.
            Cara membedakan HTML 4 dan HTML 5 yaitu spesifikasi HTML 5 menjabarkan vokabular yang dapat ditulis dalam dua sintak yaitu html dan XML yang disesuaikan dengan kebutuhan pemrogram, pasar atau aplikasi. Vokabular HTML dari jaman sebalumnya (HTML+, HTML 2.0, HTML 3.2) umumnya ditulis menggunakan aturan sintak SGML. Pada HTML 4 telah diterapkan dua sintak yaitu: SGML (disebut sebagai HTML 4.01) dan XML (disebut XHTML 1.0).

Yihaaaaaa selesai rangkuman dari saya sampai ketemu lagi~~ :)

Kamis, 13 Desember 2012

Perbedaan HTML 4 dengan HTML 5

Hai disini saya akan melanjutkan tugas di bulan desember karena dikit lagi waktu pengumpulannya udah mau abis hehehe :p disini kita disuruh nyari perbedaan HTML 4 dan HTML 5. nah disini saya akan mecari perbedaannya tapi yang saya ketahui dan mecari referensinya hihihihihi yuuuuuk liat!

Spesifikasi HTML 5 menjabarkan vokabular yang dapat ditulis dalam dua sintak yaitu html dan XML yang disesuaikan dengan kebutuhan pemrogram, pasar atau aplikasi. Vokabular HTML dari jaman sebalumnya (HTML+, HTML 2.0, HTML 3.2) umumnya ditulis menggunakan aturan sintak SGML. Pada HTML 4 telah diterapkan dua sintak yaitu: SGML (disebut sebagai HTML 4.01) dan XML (disebut XHTML 1.0).

 contohnya nih misalkan sebuah halaman depan blog sederhana dengan sebuah header di bagian atas,
catatan kaki di bagian bawah, beberapa entri, bagian navigasi, dan sidebar, seperti yang ditunjukkan
dalam kode berikut;

Halaman Web yang Biasa ditulis Dengan HTML 4
<html>  <head>
<title>Hobo Web LTD Scotland</title>

</head>
<body>
<div id="page">
<div id="header">
<h1><a href="/blog/">Hobo Web</a></h1>
</div>
<div id="container">

<div id="center" class="column">
<div class="post" id="post-102">
<h2><a href="/test-page/">
Test Page 1</a></h2>        <div class="entry">
<p>Article Text here</p>

</div>
</div>
<div class="post" id="post-101">
<h2><a href="/test2/">
Test 2</a></h2>
<div class="entry">
<p>Article 2 Text here</p>

</div>
</div>
</div>
<div class="navigation">
<div class="alignleft">
<a href="/blog/page/2/">« Previous Entries</a>
</div>
<div class="alignright"></div>

</div>
</div>
<div id="right" class="column">
<ul id="sidebar">
<li><h2>Hobo Stuff</h2>
<ul>
<li><a href="/blog/comment-policy/">Comment Policy</a></li>

<li><a href="/blog/todo-list/">Todo List</a></li>
</ul></li>
<li><h2>Archives</h2>
<ul>
<li><a href='/blog/2008/04/'>April 2008</a></li>

<li><a href='/blog/2008/03/'>March 2008</a></li>
<li><a href='/blog/2008/02/'>February 2008</a></li>
<li><a href='/blog/2008/01/'>January 2008</a></li>

</ul>
</li>
</ul>
</div>
<div id="footer"><p>Copyright 2008 Hobo Web LTD</p>
</div>
</div>

</body>
</html>
…..here’s the same page, with differences clear, in the W3C’s new incarnation.

Contoh Halaman Web yang Ditulis dengan HTML5;
<html> <head>
<title>Hobo Web LTD Scotland</title>

</head>
<body>
<header>
<h1><a href="http://blog/">Hobo Web</a></h1>
</header>
<section>
<article>

<h2><a href="/test-page/">
Test Page 1</a></h2>        <p>Article Text here</p>
</article>
<article>
<h2><a href="/test2/">

Test 2</a></h2>
<p>Article Text 2 here</p>
</article>
<nav>
<a href="/blog/page/2/">« Previous Entries</a>
</nav>

</section>
<nav>
<ul>
<li><h2>Hobo Stuff</h2>
<ul>
<li><a href="/blog/comment-policy/">Comment Policy</a></li>

<li><a href="/blog/todo-list/">Todo List</a></li>
</ul></li>
<li><h2>Archives</h2>
<ul>
<li><a href='/blog/2008/04/'>April 2008</a></li>

<li><a href='/blog/2008/03/'>March 2008</a></li>
<li><a href='/blog/2008/02/'>February 2008</a></li>
<li><a href='/blog/2008/01/'>January 2008</a></li>

</ul>
</li>
</ul>
</nav>
<footer>
<p>Copyright 2008 Hobo Web LTD</p>
</footer>
</body>

</html>
 
nah itu aja yang saya tulis perbedaannya. maaf aja ya kalo kurang memuaskan hehehe makasih :) 


sumber :
sumber 1

Rabu, 21 November 2012

Fitur dan Implementasi pada HTML 5

Yaaa ayo kita lanjutkan ngerjain tugas softskill bulan desember nomer 1 biar tugasnya ngga numpuk!!! disini kita suruh nyari fitur dan implementasi pada HTML 5. nah disini saya akan memberikannya sebisa saya aja yaa hehe. ayo cekidot!!!!!!!!!

ini nih logo dari HTML 5 :


HTML5-logo.svg  
 
sebelum memberikan fitur-fitur dari HTML 5. saya akan memberikan pengertian HTML 5. HTML 5 itu apa sih? yang saya baca HTNL 5 itu merupakan hasil dari proyek W3C (World Wide Web Consortium) dan WHATWG (Web Hypertext Application Technology Working Group). disini peran W3C sama WHATWG beda-beda kalo WHATWG bekerja dengan bentuk situs dan aplikasi, sedangkan W3C pengembang dari XHTM pada tahun 2006, lalu mereka bekerja sama untuk membuat versi baru dari HTML.


fitur dari HTML 5 yaitu :
1. unsur kanvas untuk menggambar
2. video dan audio untuk pemutaran
3. media penyimpanan terbaik untuk media offline
4. kontennya lebih spesifik
5. ada bentuk kontrol form


HTML 5 sekarang ini masih dalam pengembangan dia juga dipakai pada browser yang mendukung seperti safari, chrome. firefox, dan opera.


nah sekian penjelasan dari saya tentang HTML 5. maaf-maaf nih kalo kurang jelas namanya juga masih belajar hehehe :)


sumber :
sumber 1