Gamedev com HTML5

Willian Molinari and I talked about our recently released game ‘Skeleton Jigsaw’, its ups and downs, and how we approached some aspects of the development.

Talk and slides in Brazilian Portuguese.

★ Video available at: https://www.youtube.com/watch?v=J2yDMOHCYak

Transcript

1. GameDev com HTML5 por Willian Molinari & Rafael Masoni a.k.a. PotHix
2. Cadê o Ruby?
3. WarOS https://github.com/pothix/waros
4. ▪ Ruby 1.9.3 ▪ Gosu ▪ Rspec ▪ SDL (via Gosu)
5. Então?!
6. Motivação
7. Distribuição
8. JavaScript Really?
9. Escrever do zero?
10. Vantagens ▪ Menos código e arquivos menores ▪ Conhecer todo o código ▪ Micro tuning
11. Desvantagens ▪ Lá vem mais uma engine… ▪ Não contribui com nenhuma outra ▪ Teria que construir algumas ferramentas
12. Engines
13. LimeJS http://limejs.com
14. Crafty http://craftyjs.com
15. 秋葉原 Akihabara https://github.com/akihabara/akihabara
16. Impact http://impactjs.com
17. Impact Morre $100 nessa brincadeira
19. Impact por $30!
20. Eu escolho você, Impact!
21. Weltmeister (Level Editor)
22. 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 });
24. http://github.com/plaev
25. O Protótipo
30. História
31. Arte e Design
32. Por que pixel art? (Nessa escala)
36. RECONQUEST https://github.com/pothix/reconquest
37. Biolab Disaster http://playbiolab.com
38. …
39. wat
42. Ferramentas
45. O Clássico Moderno
46. Paleta de Cores
47. Mais de 16 Milhões!
48. Alpha Channel
49. Concept Art
53. Level Design
56. Verticalidade Explorando outros conceitos.
58. Dificuldade na Criação das Fases E a solução.
62. Áudio
63. Música http://freemusicarchive.org
64. Efeitos Sonoros http://thirdcog.eu/apps/cfxr
65. Edição http://audacity.sourceforge.net
66. Áudio inicial
67. Áudio após edição
68. Antes 2.5MB Depois 1.0MB Compressão *aproximado
69. Mobile Por que não?
70. Mobile Safari http://youtu.be/aPYeNaR5ps0
71. Android Browser Vários problemas
72. Muitos devices e muitos navegadores
73. Fallbacks Um mal necessário
74. Retrospectiva
75. Plataformas & Softwares (Fora o que já citamos)
78. Tempo investido
79. 26 SPRINTS
80. 4 horas por semana (Mais ou menos)
81. 26 * 4 = 104 horas Duas semanas de trabalho full time
82. Quase 1 ano desde o início
83. 580 commits
84. Erros ▪ Decidir não suportar mobile desde o início ▪ Usar levels pra fazer outras telas ▪ Detalhes demais no começo ▪ Não trabalhar ao mesmo tempo
85. Acertos ▪ SCRUM ▪ Google Docs ▪ Atenção ao detalhes ▪ Sem pressa mas com responsabilidade
86. Agradecimentos
87. Perguntas? http://plaev.me/ Willian Molinari @PotHix pothix@plaev.me http://pothix.com Rafael Masoni @rmasoni rmasoni@plaev.me http://rafaelmasoni.com