os desafios de desenvolver o demo do skeleton jigsaw com html5
TRANSCRIPT
Desafios de fazer o demo do
skeleton jigsaw com HTML5
Willian Molinaria.k.a. PotHix
Slides em: goo.gl/w5Ch9i
WarOS
https://github.com/pothix/waros
RECONQUESThttps://pothix.github.io/RECONQUESThttps://github.com/pothix/reconquest
Jogando e aprendendohttp://jogandoeaprendendo.com.br
https://github.com/pothix/jogando_e_aprendendo
Desenvolvimento Jogos casuais com HTML5
http://goo.gl/t5zLEJ
Skeleton Jigsawhttp://plaev.github.io/skel
https://github.com/plaev/skeleton-jigsaw
Porque Javascript?
Vantagens■ Distribuição bem mais fácil
■ Ambiente de desenvolvimento simples
■ Possibilidade de rodar em vários devices
Engineshttps://html5gameengine.com/
https://github.com/bebraw/jswiki/wiki/Game-Engines
Destaques■ Akihabara (github.com/akihabara) *
■ Pixijs (pixijs.com)
■ MelonJS (melonjs.org)
■ PandaJS (pandajs.net)
■ Crafty (craftyjs.com)
■ Impact (impactjs.com)
Map editorhttp://impactjs.com/documentation/weltmeister
1 ig.module('game.entities.hud')
2 .requires('impact.entity')
3 .defines(function () {
4 EntityHud = ig.Entity.extend({
5 _wmIgnore: true,
6 animSheet: new ig.AnimationSheet('media/hud.png', 10, 10),
7 gravityFactor: 0,
8 zIndex: 2,
9 name: "hud",
10 piece_collected: false,
11
12 init: function (x, y, settings) {
13 this.parent(x, y, settings);
14 this.addAnim('empty', 1, [0]);
15 this.addAnim('full', 1, [1]);
16 },
17
18 update: function () {
19 if( this.piece_collected ){ this.currentAnim = this.anims.full; }
20 this.parent();
21 }
22 });
23 });