HTML5 untuk Game by Neneng Purnama
Download as PPT, PDF0 likes674 views
HTML5 adalah revisi terbaru dari HTML yang memungkinkan pembuatan konten web lebih mudah dan interaktif. Meskipun menawarkan kelebihan seperti dukungan multimedia dan penyimpanan data, penggunaan HTML5 dan JavaScript murni lebih cocok untuk game sederhana saja. Untuk game berskala besar, disarankan menggunakan framework atau game engine JavaScript.
HTML5 untuk Game by Neneng Purnama
- 1. @agatestudio HTML5 Untuk Game Oleh Neneng Purnama
- 2. @agatestudio Apa itu? HTML5 adalah revisi standar terbaru untuk HTML. HTML = markup language untuk menstrukturkan dan merepresentasikan content pada web Didesain : • mensupport multimedia terbaru dan lebih mudah dibaca oleh manusia dan dimengerti oleh komputer/devices • menggantikan fungsi dari HTML 4 (1999), XHTML dan DOM Lv 2 HTML (bahasa konvensi untuk mewakili dan berinteraksi dengan objek di HTML)
- 3. @agatestudio Kelebihan HTML5 • Markup (tags) : lebih banyak dan spesifik, lebih simple, lebih fleksibel • API for multimedia, etc – – – – Canvas : 2D drawing Video, audio : like flash, but more simple Drag-and-drop : buat webmu lebih interaktif Cross-document messaging : you’ll free now to take your data from iframe atau popup window – Web storage : a flash storage to save data your web games without use database! Like a cookies • Error handling : tidak usah khawatir lagi tampilan web jadi kapal pecah (if you know what i mean)
- 4. @agatestudio HTML5 used for game? • Canvas : sebagai stage untuk render objek-objek • Tags <audio> : buat game web kamu lebih ramai dengan SFX dan BGM • Drag-and-drop : if you want give another kind of playing experience • Not only for web browser! You can make a game cross-platform with this HTML5 + Javascript = game web-based
- 5. @agatestudio Kekurangannya… Jika kamu hanya pakai HTML5 dan javascript murni : • Tidak banyak pilihan untuk menganimasikan objek • Lebih cocok untuk gameplay yang sederhana (tidak banyak management stage/view) • Tidak cocok untuk browser mobile (tidak ada penanganan event touch) game web-based for browser
- 6. @agatestudio Solusinya? Use Framework / Game Engine (with JS) for HTML5 Contoh : ImpactJS, EaselJS, Three.js Ribet? You can use a game-maker like Construct 2, GameMaker, Cocos2d-X
- 7. @agatestudio Tips memilih Framework / Game Engine • Pilih struktur framework yang lebih familiar (flashlike, ios-like, jquery-like, game-maker), terutama bagi pemula Javascript. • Lihat kelengkapan dokumentasi dari framework tersebut (lebih bagus jika banyak yang membahas / membuat / memuat tutorial di forum / blog untuk mempermudah saat membutuhkan yang tidak ada di dokumentasi)
- 8. @agatestudio Kesimpulan • HTML5 adalah revisi standar baru untuk HTML • Bisa digunakan untuk membuat game dengan memakai fitur-fitur baru dalam HTML5 • Menggabungkan HTML5 dan Javascript (murni) saja tidak cukup untuk membuat game dalam skala besar (lebih cocok untuk game sederhana) • Solusinya, bisa memakai framework / game engine Javascript