Gry HTML5?

To proste!

IGK

Andrzej Mazur@end3rEnclave Games
Inżynieria Gier Komputerowych XII, Siedlce, 10-12 kwietnia 2015

Twórca gier HTML5

Andrzej Mazur

Technologia?

Is HTML5 ready for gaming?

...już dawno jest gotowa, serio.

Webowe API

Dead Trigger 2

Full Screen, Pointer Lock, Gamepad

Mobilne API

Firefox OS Flame
  • Orientacja ekranu
  • Wibracje
  • Status baterii
  • Telefon, SMS

Lista API

WebTelephony, Vibration API, WebSMS, Idle API, Screen Orientation, Settings API, Power Management API, Mobile Connection API, TCP Socket API, Geolocation API, WiFi Information API, Device Storage API, Contacts API, Mouse Lock API, Open WebApps, WebBluetooth, Network Information API, Battery Status API, Alarm API, Browser API, Time⁄Clock API, Web Activities, Push Notifications API, Permissions API, WebFM API, FileHandle API, Network Stats API, WebPayment, IndexedDB, Archive API, Ambient light sensor, Proximity sensor, SystemXHR, ...

Wibracje

window.navigator.vibrate(200);

Orientacja ekranu

checkOrientation = function() {
	if(window.orientation == 0 || window.orientation == 180) {
		// "obróć urządzenie"
	}
	else {
		// "graj dalej"
	}
}

Widoczność

document.addEventListener("visibilitychange", function() {
	if(document.hidden) {
		// "aplikacja niewidoczna"
	}
	else {
		// "aplikacja widoczna"
	}
})

Narzędzia

Tools

Darmowe, łatwo dostępne, proste w użyciu

Pisanie kodu

Sublime Text 2

Edytor: Notatnik, Sublime Text. IDE: Eclipse

Testowanie gry

Firebug

Przeglądarka + wbudowane narzędzia

WebIDE

WebIDE

 

  • Zarządzanie grami
  • Edytor kodu
  • Emulator Firefox OS
  • Zdalne debugowanie

Frameworki

HTML5 Game Engines list

html5gameengine.com

Phaser

Phaser

phaser.io

Darmowy, otwarte źródła na GitHubie

Porównanie

JS Breakouts

jsbreakouts.org

Wiedza

Artykuły, tutoriale, wpisy na blogach, dema, gry, pluginy, nagrania wideo, narzędzia, zasoby...

HTML5 Gamedev Starter

HTML5 Gamedev Starter

html5devstarter.enclavegames.com

Newsletter Gamedev.js Weekly

Gamedev.js Weekly

gamedevjsweekly.com

Społeczność

W razie pytań lub problemów

Dystrybucja

Wydawcy, portale, strony, blogi, sieci społecznościowe...

Publikacja

GitHub

Hosting jak dla stron internetowych

Wieloplatformowość

Multiplatform

Smartfon, tablet, komputer, laptop, telewizor, lodówka...

Pakowanie do natywnych aplikacji

CocoonJS

Phonegap, CocoonJS, Intel XDK, Ejecta

Firefox OS
  • Mobily system operacyjny napisany w HTML5 i JavaScript
  • Stworzony i rozwijany przez Mozillę
  • Otwarte źródła dostępne dla wszystkich
  • Platforma sprzętowa dla mobilnej Sieci

Wyślij grę do
Firefox Marketplace

Firefox OS

Plik manifestu

manifest.webapp
{
    "name": "Moja nazwa gry",
    "description": "Tutaj jej opis",
    "launch_path": "/",
    "icons": {
        "128": "/img/ikona-128.png"
    },
    "developer": {
        "name": "Enclave Games",
        "url": "http://enclavegames.com"
    },
    "default_locale": "pl"
}							

Formularz

Marketplace Form

https://marketplace.firefox.com/developers/submit/

Instaluj bezpośrednio ze strony

var installapp = navigator.mozApps.install(manifestURL);
installapp.onsuccess = function(data) {
	// "Aplikacja została zainstalowana"
};
installapp.onerror = function() {
	// "Aplikacja NIE zastała zainstalowana,
	// sprawdź installapp.error.name po szczegóły"
}

Monetyzacja

Monetization
  • Płatne gry
  • IAP
  • Reklamy
  • Freemium
  • Licencje

Same dobre informacje

Podsumowanie

Craigen in the Marketplace
  • Technologia jest gotowa
  • Łatwo zacząć tworzyć
  • Coraz więcej narzędzi
  • Pomocna społeczność
  • Dochodowy biznes

Dzięki!

Pytania?

 

Slajdy: end3r.com/slides/igk2015

 

Andrzej Mazur@end3rEnclave Games

Ender Efka @end3r