Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HTML5 untuk Game by Neneng Purnama

613 views

Published on

This is a review from one of Agate Studio Crew, Neneng Purnama. She brought this topik to Talent Development Saturday as routine agenda of Agate Studio.

Published in: Education
  • Be the first to comment

  • Be the first to like this

HTML5 untuk Game by Neneng Purnama

  1. 1. @agatestudio HTML5 Untuk Game Oleh Neneng Purnama
  2. 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. 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. 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. 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. 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. 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. 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

×