Tworzenie gier HTML5

jest fajne!

The Awwesomes

Andrzej Mazur@end3rEnclave Games
The Awwwesomes, Warszawa, 7 grudnia 2016

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

Narzędzia

Tools

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

Pisanie kodu

Sublime Text 2

Notatnik, Sublime Text

Testowanie gry

Firebug

Przeglądarka + wbudowane narzędzia

Wieloplatformowość

Multiplatform

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

Frameworki

HTML5 Game Engines list

html5gameengine.com

Porównanie

JS Breakouts

jsbreakouts.org

Phaser

Phaser

phaser.io

Darmowy, otwarte źródła na GitHubie

Wczytywanie zasobów

game.load.image('player', 'img/player.png');

Wyświetlanie na ekranie

var player = game.add.sprite(200, 100, 'player');

Sterowanie graczem

player.x = game.input.x;
player.y = game.input.y;

Detekcja kolizji

game.physics.arcade.collide(player, enemy, crash);

Dodatkowe bajery

game.camera.shake(0.01, 200);
Open Enclave Games

open.enclavegames.com

Mainstream

Unreal

Unreal

Unity

Unity

FGL

FGL

Heroes of Paragon

Heroes of Paragon

Enclave Games

Enlave Games

enclavegames.com

Captain Rogers

Captain Rogers

rogers.enclavegames.com

Wizard Quest

Wizard Quest

wizard.enclavegames.com

Captain Rogers 2

Captain Rogers 2

rogers2.enclavegames.com

Wiedza

Grupy, fora, newslettery, konkursy, spotkania

Newsletter Gamedev.js Weekly

Gamedev.js Weekly

gamedevjsweekly.com

Konkurs js13kGames

js13kGames

js13kgames.com

Warsztaty Gamedev.js

Gamedev.js

gamedevjs.com/warsztat-2.html

Podsumowanie

Future in the browser
  • HTML5 nadaje się do tworzenia gier
  • Narzędzia, społeczność
  • Spróbuj!

Dzięki!

Pytania?

 

Slajdy: end3r.com/slides/awwwesomes16

 

Andrzej Mazur@end3rEnclave Games

Ender Efka @end3r