O pesadelo de Santos Dumont
Em agosto de 1914 começava a Primeira Guerra Mundial e os aviões começaram
a ser utilizados em combates aéreos.
A guerra ficou cada vez mais violenta, com
metralhadoras e bombas. Santos Dumont viu seu sonho se transformar em pesadelo.
Em 1932, um conflito entre o estado de São Paulo e o governo de Getúlio Vargas
foi iniciado e aviões atacaram a cidade. Essa visão causou muita angustia a Santos Dumont, que cometeu suicídio.
3.2
14-bis VS 100 Meteoros
Santos Dumont inventou o 14-bis não com o intuito de guerra. Nesse jogo, homena-
gearemos Dumont e sua invenção utilizando sua aeronave para salvar o planeta!
Depois do meteoro Shoemaker-Levy-9 que caiu em Júpiter, depois do meteoro
que caiu na Rússia em 2013, tudo indicava que o fim estava próximo. O exército
brasileiro detectou a presença de 100 meteoros entrando na órbita terrestre! Esses meteoros acabarão com a existência de toda forma de vida que conhecemos caso não
sejam detidos urgentemente.
53
3.2. 14-bis VS 100 Meteoros
Casa do Código
Figura 3.3: 14-bis VS 100 Meteoros
O planeta está em apuros! Todas as partes do mundo só falam nesse assunto e
buscam formas de evitar o fim. Eis que surge um brasileiro, com seu invento 14-bis, para enfrentar o perigo e tentar salvar a todos nós. Munido de uma arma poderosa
para destruir os meteoros que caem sobre a Terra, você comandará a aeronave 14-bis nessa aventura!
54
Casa do Código
Capítulo 3. História do jogo
Figura 3.4: Fluxo do game 14-bis VS 100 Meteoros
55
Capítulo 4
Tela inicial: Lidando com
Background, logo e botões de menu
Hora de começar o jogo de verdade! Agora que já passamos pelos conceitos básicos
de desenvolvimento de jogos como game loop, sprites, colisões e inputs, podemos ir um pouco mais a fundo no desenvolvimento.
Vamos criar um jogo baseado no game do capítulo anterior, porém dessa vez
utilizando um framework de desenvolvimento de jogos chamado Cocos2D. O motivo
de utilizar um framework daqui pra frente é otimizar diversos aspectos, dentre eles:
Não se preocupar com a posição exata em pontos/pixels dos objetos, como
botões, por exemplo
Utilizar comportamentos já implementados para sprites, para não ter proble-
mas com posicionamento das imagens
Eliminar da lógica a questão da limpeza de tela, deixando isso como respon-
sabilidade do framework
Casa do Código
Conseguir efeitos interessantes já implementados pelo Cocos2D
Trabalhar mais facilmente com sons e efeitos
Nesse capítulo criaremos a tela inicial, que será composta por um logo, um back-
ground, e quatro botões. Veremos aqui como posicionar cada um desses elementos
na tela e como detectar os inputs dos botões utilizando o Cocos2D. Ao fim do capí-
tulo, devemos ter a tela inicial como a seguir:
Figura 4.1: Tela de abertura.
Você poderá encontrar o código completo do jogo, junto com algumas melho-
rias, no GitHub:
https://github.com/BivisSoft/jogos_ios_14bis
58
Casa do Código
Capítulo 4. Tela inicial: Lidando com Background, logo e botões de menu
Mas prefira você mesmo escrevê-lo! Será menos trabalhoso do que você imagina,
e certamente ajudará muito no seu aprendizado.
4.1
Sobre o Cocos2D
O Cocos2D é framework open source de desenvolvimento de jogos. A versão original
foi criada em Python e desde então foi portada para diversas linguagens como C++, JavaScript, Objective-C e Java. É muito poderoso e simples.
Para utilizar a versão para iOS, basta baixá-lo no seguinte endereço:
http://www.cocos2d-iphone.org/download/
Após baixado, você deve instalar os templates do Cocos2D para que possa iniciar
um projeto já utilizando o framework. Extraia o arquivo baixado, abra o Terminal
e navegue até o diretório onde o Cocos2D foi extraído. Depois, execute o comando
./install-templates.sh -f.
$ cd cocos2d-iphone
$ ./install-templates.sh -f
4.2
Iniciando o projeto
Vamos iniciar criando um novo projeto no Xcode, porém, desta vez utilizaremos um
template do Cocos2D como base. Abra o Xcode e vá em File, acesse as opções em
New e selecione Project... para criar um novo projeto.
A tela para escolher um template de projeto será aberta. No menu à esquerda, na
seção iOS selecione a opção cocos2d v2.x.
À direita, selecione cocos2d iOS
e clique em Next.
59
4.2. Iniciando o projeto
Casa do Código
Figura 4.2: Novo projeto de Cocos2D.
Criaremos um projeto chamado Bis. O nome do bundle ficará à seu critério, mas
você pode seguir a sugestão de usar br.com.casadocodigo.bis. Dessa forma
você poderá sempre acompanhar com facilidade o código fonte completo que está
no GitHub em https://github.com/BivisSoft/jogos_ios_14bis. Como nosso jogo será
apenas para iPhone, no campo Device escolha iPhone.
60
Casa do Código
Capítulo 4. Tela inicial: Lidando com Background, logo e botões de menu
Figura 4.3: Criando o projeto Cocos2D.
Clique em Next e escolha o local onde o projeto será gravado.
Nesse momento temos o projeto iniciado. Execute-o e o simulador deverá exibir
uma tela escrito Hello World: