CactusJS - Um framework open source para desenvolvimento de games com HTML5 para plataforma Microsoft com plug-in para o Visual Studio

Projeto para o trabalho de conclusão de curso que tem como objetivo a criação de games para plataforma Microsoft (Windows 8 e Windows Phone 8).

Transcript

1. CACTUSJS - UM FRAMEWORK OPEN SOURCE PARA DESENVOLVIMENTO DE GAMES COM HTML5 PARA PLATAFORMA MICROSOFT COM PLUG-IN PARA O VISUAL STUDIO 17/08/2014 Sistemas de Informação 1
2. Informações sobre o TCC  Autor: Breno Polanski Gomes Pessoa Diniz  Orientador: Msc. Adriano Araújo Santos  Área de Atuação: Desenvolvimento de Software 17/08/2014 Sistemas de Informação 2
3. Sumário  Introdução e Fundamentação Teórica  Metodologia oTecnologias oArquitetura oLista de Atividades e Cronograma 17/08/2014 Sistemas de Informação 3
4. Introdução e Fundamentação Teórica 17/08/2014 Sistemas de Informação 4
5. Evolução da Web 17/08/2014 Sistemas de Informação 5 HTML BROWSER RECURSOS
6. 17/08/2014 Sistemas de Informação 6
7. 17/08/2014 Sistemas de Informação 7
8. O Que é? HTML5 chegou para dar aos desenvolvedores mais flexibilidade e interoperabilidade. Trata-se da mais extensa especificação para a HTML, focada em criar funcionalidades para desenvolvimento não só de sites, mas também de aplicações de internet rica (RIA). 17/08/2014 Sistemas de Informação 8
9. 17/08/2014 Sistemas de Informação 9
10. HTML5 17/08/2014 Sistemas de Informação 10 HTML = ~ + +
11. 17/08/2014 Sistemas de Informação 11
12. Elemento <canvas> Dentre as novas funcionalidades do HTML5, o elemento canvas se destaca por oferecer uma API (Interface de Programação de Aplicativos) gráfica 2D poderosa, fornecendo objetos, métodos e propriedades. 17/08/2014 Sistemas de Informação 12
13. Elemento <canvas> O elemento canvas destina-se a delimitar uma área para criação dinâmica de imagens, como gráficos estáticos e dinâmicos, jogos e imagens em geral criadas com linguagem de programação dinâmica, ou seja, todo o trabalho de criação e animação é feito com JavaScript. Para o mesmo funcionar não é necessário o uso de plug- ins para a utilização de recursos 2D e 3D. 17/08/2014 Sistemas de Informação 13
14. Elemento <canvas> 17/08/2014 Sistemas de Informação 14 <canvas id="myCanvas" width="200" height="100"></canvas> <script> var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); ctx.fillStyle = "#FF0000"; ctx.fillRect(0,0,150,75); </script>
15. Angry Birds 17/08/2014 Sistemas de Informação 15
16. Cut the Rope 17/08/2014 Sistemas de Informação 16
17. MICROSOFT 17/08/2014 Sistemas de Informação 17
18. Interface de Aplicativos Modernos 17/08/2014 Sistemas de Informação 18 Windows Store
19. Microsoft: Sistema Operacional 17/08/2014 Sistemas de Informação 19 PHONE
20. Desenvolvimento de Jogos 17/08/2014 Sistemas de Informação 20
21. Desenvolvimento de Jogos  Criar movimentos em uma sequência de sprites;  Implementar física;  Som e reprodução de músicas;  Manipulação e armazenamento de dados;  Efeitos de partículas. 17/08/2014 Sistemas de Informação 21
22. 17/08/2014 22
23. Desenvolvimento de Jogos 17/08/2014 Sistemas de Informação 23
24. Framework 17/08/2014 Sistemas de Informação 24
25. 17/08/2014 25
26. O Que é? De acordo com Roberts e Johnson (1996), frameworks são projetos reutilizáveis de todo ou parte de um sistema de software, ou seja, que une códigos comuns entre vários projetos de software provendo uma funcionalidade genérica. Fayad e Schmidt (1997), afirmam que frameworks representam uma estrutura formada por blocos pré- fabricados de software que os programadores podem usar, estender ou adaptar para uma solução específica. 17/08/2014 Sistemas de Informação 26
27. 17/08/2014 Sistemas de Informação 27
28. Problema Existem vários frameworks open source para desenvolvimento de jogos com HTML5 disponível na internet, mas nenhum especificamente para uma plataforma e nem fornece um plug-in para instalação na ferramenta de desenvolvimento. 17/08/2014 Sistemas de Informação 28
29. 17/08/2014 29
30. 17/08/2014 Sistemas de Informação 30
31. 17/08/2014 Sistemas de Informação 31
32. 17/08/2014 Sistemas de Informação 32
33. 17/08/2014 Sistemas de Informação 33 CactusJS HTML5 Game Framework
34. 17/08/2014 Sistemas de Informação 34
35. GitHub http://cactusjs.github.io/cactusjs-website/ 17/08/2014 Sistemas de Informação 35
36. Windows 8 17/08/2014 Sistemas de Informação 36
37. Windows Phone 8 17/08/2014 Sistemas de Informação 37
38. Visual Studio 17/08/2014 Sistemas de Informação 38
39. 17/08/2014 Sistemas de Informação 39
40. Metodologia 17/08/2014 Sistemas de Informação 40
41. Metodologia No início do projeto será feita uma revisão bibliográfica sobre trabalhos correlatos na construção de frameworks, especialmente de jogos, algoritmos e inteligência artificial. Será realizado um estudo mais aprofundado da linguagem de programação JavaScript e Design Patterns. Analisar quais técnicas de inteligência artificial será utilizado no framework. 17/08/2014 Sistemas de Informação 41
42. Metodologia A segunda etapa do projeto será o desenvolvimento do framework e do plug-in para o software Visual Studio. Convidar usuários com conhecimentos técnicos em desenvolvimento de jogos para realizarem testes no framework, coletar e analisar os resultados dos testes. 17/08/2014 Sistemas de Informação 42
43. Metodologia Na terceira etapa, realizar defesa do trabalho de conclusão de curso para obtenção do título de bacharel em Sistemas de Informação. 17/08/2014 Sistemas de Informação 43
44. Tecnologias 17/08/2014 Sistemas de Informação 44
45. JavaScript 17/08/2014 Sistemas de Informação 45
46. Framework Jasmine 17/08/2014 Sistemas de Informação 46
47. Visual Studio 17/08/2014 Sistemas de Informação 47
48. GitHub 17/08/2014 Sistemas de Informação 48
49. Arquitetura 17/08/2014 Sistemas de Informação 49
50. 17/08/2014 Sistemas de Informação 50 GAMES CactusJS HTML5 Canvas API CactusJS Lógica CactusJS Física CactusJS Áudio Windows 8 Windows Phone 8 CactusJS Eventos
51. Lista de Atividades e Cronograma 17/08/2014 Sistemas de Informação 51
52. Lista de Atividades 1. Definição do tema; 2. Delimitação do problema; 3. Revisão bibliográfica; 4. Levantamento de requisitos do framework e trabalhos relacionados; 5. Desenvolvimento do framework; 6. Divulgação do framework em grupos e fóruns brasileiro e estrangeiro para buscar colaborações de outros desenvolvedores; 7. Desenvolvimento do plug-in para o software Visual Studio; 8. Convite para um grupo de usuários com conhecimentos técnicos em desenvolvimento de jogos realizarem testes; 9. Coletar e analisar os resultados dos testes; 10. Ajustes técnicos no framework com base nos feedbacks dos usuários de teste; 11. Divulgação do framework nas redes sociais, grupos e fóruns; 12. Escrita final do Trabalho de Conclusão de Curso – TCC II; 13. Entrega final – TCC II; 14. Apresentação do Trabalho de Conclusão de Curso – TCC II. 17/08/2014 Sistemas de Informação 52
53. Cronograma Ativ./Mês 08 2013 09 2013 10 2013 11 2013 12 2013 01 2014 02 2014 03 2014 04 2014 05 2014 06 2014 07 2014 08 2014 09 2014 10 2014 11 2014 12 2014 1 x 2 x x 3 x x x x x x x x x x x x 4 x x x 5 x x x x x x x x 6 x x x x x x 7 x x x 8 x 9 x 10 x x 11 x x x x 12 x x x x x x x 13 x 14 x 17/08/2014 Sistemas de Informação 53
54. 17/08/2014 Sistemas de Informação 54
55. 17/08/2014 Sistemas de Informação 55