Browse Author

admin

Jenis-Jenis Game Berbasis HTML5 yang Paling Populer Saat Ini

Memainkan game online pada perangkat handphone merupakan salah satu kegiatan mengisi waktu luang yang paling populer dilakukan. Banyak orang melakukannya sebab karena kepraktisannya yang tidak perlu membeli game untuk dipasang pada perangkat, dan dapat langsung dimainkan pada aplikasi peramban kapan pun diinginkan. Namun, tahukah anda bagaimana sistem kerja online game? banyak online yang sudah berbasis html5.

HTML5 sendiri merupakan revisi kelima dari html, yang dapat disebut sebuah bahasa markah untuk menstrukturkan teknologi inti dari internet. Adanya hmtml5 mengubah segalanya, walaupun web umumnya menyetujui bahwa flash dan html5 mempunyai kelebihan dan spesialisasinya sendiri. Namun harus diketahui bahwa banyak web developer maupun pengembang game online sekarang cenderung menggunakan html5 ketimbang flash.

HTML5 juga lebih banyak digunakan karena html5 memiliki banyak fitur-fitur optimal dan keren seperti element Canvas, Audio, dan Video untuk membuat web-game tanpa menggunakan Flash, dan anda tidak membutuhkan lagi plug-in agar dapat bermain game. Lalu, apa saja jenis-jenis game berbasih html5 terbaru yang paling populer saat ini? berikut beberapa yang sudah kami rangkum.

-Agent 008 Ball, game biliar yang berbasis html5 ini paling banyak dimainkan sebab tidak membuat perangkat anda terasa lagging dan memiliki fitur unik seperti bom waktu pada saat bermain.

– Web Snooker yakni game snooker online yang dapat anda mainkan bersama teman-teman anda, apabila anda merasa bosan bermain snooker sendirian.

-Angry Birds Chrome untuk game ini pastilah semua orang tahu, game yang mengalahkan babi hijau jahat yang mencuri telur dari burung yang memiliki ragam warna. Game ini sendiri sudah dapat dimainkan di web yang menggunakan html5 dan pada saat bermain terasa lebih optimal.

-Canvas Rider yaitu permainan sepeda dengan trek yang ekstrem dan ditarik oleh pemain, game ini paling populer sebab dapat membuat anda ingin memainkannya lagi.

– Pac-Man Google Chrome, siapa yang tak mengenal game legenda ini. Ya, game ini sekarang dapat dimainkan pada web-game yang sebenarnya pada saat diciptakan menggunakan html5 untuk menciptakan logo animasi tuk permainan 30th anniversary pada tanggal 22 mei 2010 lalu.

Ingin Belajar Pemrograman Grafis dan Game, Wajib Mengenal HTML Canvas Terlebih Dahulu

Sebelum kedatangan HTML5, game dan elemen multimedia lainnya yang disajikan dalam browser menggunakan flash. Banyak game yang menggunakan flash dapat dimainkan pada browser, bahkan flash pun digunakan untuk memutar video di youtube apabila tidak ada flash maka video tak dapat di berjalan.

Akan tetapi semuanya itu berubah semenjak adanya html5. HTML5 memiliki banyak elemen baru yang lebih optimal ketimbang flash pada browser, yang salah satunya adalah canvas. Pada situs ini, canvas merupakan alat yang digunakan sebagai wadah untuk menggambar dan melukis, yang biasanya menggunakan pensil dan cat. Dalam pemrograman, canvas adalah elemen yang dapat digambar dengan banyak kode.

Elemen canvas pada html5 merupakan tag HTML yang hampir sama dengan tag

atau

dengan pengecualian apabila kontennya dirender menggunakan javascript. Untuk memanfaatkan canvas html5, anda harus menempatkan tag kanvas di suatu tempat dalam domen html, mengakses tag menggunakan javascript, menciptakan context, dan selanjutnya memanfaatkan HTML5 Canvas API untuk menggambar sesuatu.Pada saat anda ingin menggunakan canvas, wajib untuk mengetahui perbedaan antara elemen canvas dan context canvas, lantaran sering kali banyak yang bingung tentang keduanya. Elemen canvas merupakan DOM node yang sebenarnya ada lantaran disematkan di halaman html.

Context canvas yaitu objek dengan properti dan metode yang berfungsi sebagai merender grafik di dalam elemen canvas, context nya dapat 2D maupun 3D atau webgl.Setiap elemen canvas hanya dapat memiliki satu context. Apabila anda menggunakan metode getContext beberapa kali, hal tersebut akan mengembalikan referensi ke objek context yang sama. Adapun contoh sederhana dalam menggunakan canvas pada HTML5 yaitu:

<style>
body { margin: 0px; padding: 0px;}
</style>

<canvas id=”myCanvas” width=”578″ height=”200″></canvas>
<script>
var canvas= document.getElementByid(‘myCanvas’);
var context= canvas.getContext(‘2d’);
context.font=’40pt Calibri’;
context.fillStyle=’blue’;
context.fillText(‘Hello World!’, 150, 100);
</script>