PREFCIO

Por Raphael Dias

A Construct 2 com certeza uma das melhores game engines para desenvolver jogos.
Mesmo sendo uma game engine que no requer conhecimentos de programao para
ser utilizada, possvel criar jogos incrveis e divertidos com ela.

Neste ebook especial, o Gustavo Larsen - Analista de Sistemas e especialista em Cons-

truct 2 - selecionou 12 dicas matadoras para quem quer criar (ou j est criando) jogos
usando essa belssima game engine.

Espero que goste deste material gratuito que foi preparado com muito carinho por mim
e pelo Gustavo Larsen, especialmente pra voc.

Abrao,
Raphael Dias
Fundador do Produo de Jogos

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 2

DICA MATADORA #1
Faa backups sempre!

Nenhum hardware ou software to perfeito que no possam falhar e nos deixar na

mo, por isso tenha sempre o costume de fazer cpias de segurana de seus projetos
para no correr o risco de perder todo seu trabalho. essencial que voc mantenha
seus backups em off-site, ou seja, em computadores diferentes ou repositrios diferen-
tes, pois se voc mantiver todos eles em um nico computador, e este venha a falhar,
voc perder tudo.

A construct 2 possui recursos que nos permite fazer backups automticos, incluindo re-
positrios na nuvem, como Dropbox, Google Drive, One Drive e outros.

Veremos como configurar a Construct 2 para criar backups automticos num prximo
artigo aqui mesmo no Produo de Jogos.

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 3

DICA MATADORA #2:
Teste em diversos dispositivos e navegadores

altamente recomendado testar seus jogos em uma gama de diferentes navegadores.

O HTML 5 um padro que, em teoria, implementado da mesma forma por todos os
browsers, mas na prtica, existem variaes entre eles (por exemplo: em desempenho,
recursos de processamento de texto, etc). Voc deve instalar uma variedade de navega-
dores e testar com todos eles para garantir que seu jogo ir funcionar bem em todos.

Nas propriedades do projeto existe a opo Preview Browsers, onde voc pode fazer a
troca do navegador para rodar o seu jogo.

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 4

DICA MATADORA #3
Oferea suporte a dispositivos touchscreen

Atualmente muitos usurios utilizam para navegar na web dispositivos touchscreen sem
mouse ou teclado.

Se possvel, voc deve projetar o seu jogo para tambm oferecer suporte a estes dispo-
sitivos, com controles de toque na tela.

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 5

DICA MATADORA #4
Utilize os formatos de arquivos recomendados

Antes de criar suas sprites e arquivos de udio para serem usados no seu projeto e im-
portados pela Construct 2, voc precisa saber quais so os melhores formatos para se-
rem usados.

Imagens: utilize sempre 32-bits PNG, com outros formatos voc pode perder a qualida-
de da imagem original.

udio: d preferencia para arquivos 16-bits WAV PCM.

Esses so os famosos arquivos .wav, mas nem todos so 16 bits PCM. Ao importar para
dentro do seu projeto um arquivo de udio .wav 16-bits PCM a Construct 2 ir automa-
ticamente converter para AAC (.m4a) e Ogg Vorbis (.ogg). Estes so os dois formatos
necessrios para suportar udio em todos os navegadores.

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 6

DICA MATADORA #5
Fique atento segurana

Nunca, jamais, utilize nomes de usurio ou senhas nos eventos. Estes sero visveis em
texto pelo JavaScript.

Usurios maliciosos sero capazes de roubar essas informaes. Se voc precisa se co-
nectar a algo como um banco de dados, escreva um script server-side que se comuni-
que com um banco de dados, e conecte-se URL do servidor.

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 7

DICA MATADORA #6
Cuide da performance

H uma srie de melhores prticas no que diz respeito ao desempenho do jogo (garan-
tindo que o jogo no trave). Talvez o mais importante quando o desenvolvimento
feito para dispositivos mveis.

Por isso, sempre teste no dispositivo mvel alvo desde o incio. Seu computador pode
ser 10 ou 20 vezes mais rpido do que o seu dispositivo, e algo que rode bem no seu
computador pode ser extremamente lento num celular ou tablet.

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 8

DICA MATADORA #7
Poupe o uso de memria

Alguns designers so tentados a projetar nveis inteiros em grandes imagens de tilesets.

Este mtodo deve ser evitado a todo custo, uma vez que isso desperdia muita mem-
ria.

Existe um post (em ingls) no blog da Scirra que detalha mais sobre este assunto, que
voc pode ler clicando neste link.

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 9

DICA MATADORA #8
Gerencie seus projetos

Se voc estiver trabalhando em uma equipe, voc deve utilizar um software de controle
de verso como SVN.

Ele pode mesclar as alteraes e destacar as mudanas que cada pessoa fez. H tambm
um histrico de todas as alteraes disponveis e reverses podem ser feitas a qualquer
momento.

A Construct 2 salva os dados do projeto em formato XML e isto funciona muito bem para
este tipo de gesto.

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 10

DICA MATADORA #9
Trabalhando sozinho

Se voc estiver trabalhando em um projeto solo, provavelmente mais fcil salvar seus
projetos em um arquivo nico (arquivos .capx).

Mas, se o projeto comear a crescer ao longo do tempo, voc pode observar que a
Construct 2 precisa de mais tempo para salvar e carregar projetos salvos em um arquivo
nico (.capx).

Se voc chegar a este ponto, mais til passar a gravar seu projeto em pastas pois este
mtodo no utiliza o processo de compresso e descompresso para .capx, e far seu
projeto carregar e salvar mais rpido.

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 11

DICA MATADORA #10
Teclas de atalho

Para conseguirmos ser ainda mais rpidos e produtivos na criao dos nossos jogos,
uma dica bastante til conhecer as teclas de atalho da ferramenta na qual estamos tra-
balhando.

Abaixo seguem alguns atalhos para utilizarmos durante a programao do nosso jogo,
para serem usadas nos Envent Sheets. Eles ajudam a dar mais velocidade na progra-
mao, substituindo dois ou trs clique do mouse para cada ao ou evento a ser adi-
cionado.

A - Adiciona uma nova ao para o evento selecionado

B - Adiciona um sub evento em branco para o evento selecionado
C - Adiciona uma nova condio para o evento selecionado
D - Habilita ou desabilita um item selecionado (evento, ao ou grupo)
E - Adiciona um a baixo

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 12



Shift + E - Adiciona um evento a cima

G - Adiciona um novo grupo
I - Inverte a verificao da condio
N - Abra a tela para fazer um Include de um Envent Sheet
R - Abre a janela para substituir o objeto do evento ou ao selecionada
Q - Adiciona comentrios
S - Adicona sub eventos o evento selecionado
V - Abre a janela de dialogo para adicionar uma nova varivel ou constante global
X - Adiciona uma condio ELSE ao evento selecionado
Y - Transforma a condio ANDde um evento para OR

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 13

DICA MATADORA #11
Faa do debugger seu amigo

Algumas vezes nos deparamos com problemas ou comportamentos estranhos no nosso

jogo e que no conseguimos identificar a causa e motivo.

Na Construct 2 existe uma opo que o Debugger, em portugus Depurador. Que

uma tima ferramenta para nos auxiliar a monitorar os comportamentos dos nossos ob-
jetos e identificar a causa de alguns bugs.

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 14



Como usar o Debugger?

Ele pode ser executado atravs da opo Debug Layout que fica ao lado do boto que
utilizamos para rodar o nosso jogo, ou utilizando a tecla Ctrl+F5.

Ele funciona exatamente como a pr-visualizao padro, porm com um painel extra
onde so exibidas diversas informaes sobre o jogo.

Como mostrado na imagem, voc pode perceber uma lista de objetos

e componentes ao lado esquerdo, no painel do depurador, ali esto
todos os seus objetos do layout que est sendo executado. Ao lado di-
reito dessa lista temos as informaes sobre os comportamentos dos
mesmo, como por exemplo posio X e Y, quantidade do objeto, entre outros.

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 15



Por meio dessa informao voc poder monitorar

um objeto especfico, selecionando-o, na lista da
esquerda a fim de entneder algum comportamento
estranho que este possa estar realizando, e corrigir
o problema.

possvel tambm, atravs do Debugger, verificar

algumas informaes referente a desempenho do
seu jogo. Esta opo muito til caso seu objetivo
seja fazer um jogo para celulares, pois estes pos-
suem hardwares muito inferiores aos PCs.

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 16



Segue uma lista das possibilidades de monitoramento:

Contagem de objetos;
Taxa de quadros (FPS);
Uso estimado da CPU;
Uso estimado de Memoria;
Entre outros.

Nota(1): o depurador est disponvel na edio gratuita do Construct 2, mas o relgio

e Perfil guias, a capacidade de editar valores, bem como a capacidade de usar pontos
de interrupo , no esto disponveis.
Nota(2): o depurador est disponvel na edio gratuita do Construct 2, mas as guias
Watch e Profile que permitem a edio de valores, bem com o uso do Breakpoint,
no esto disponveis na verso gratuita.

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 17

DICA MATADORA #12
Configurando as dimenses de tela para jogos de celular

Dimenses de tela, este o primeiro problema que encontramos quando usamos a

Construct 2 para criar jogos para Smartphones.

Ao se deparar com esse problema voc vai fazer uma busca rpida na internet pensado
que encontrar uma soluo simples para isso, pois muitos tem o mesmo problema que
o seu, certo? Errado, ao comear a ler diversos posts e assistir vdeos no Youtube sobre o
assunto, voc comea a perceber que no h um conhecimento concreto sobre a forma
como isso deve ser feito.

Ento voc l o tutorial Supporting Multiple Screen Sizes no site da Scirra e sente como
se suas perguntas no so respondidas de forma clara. Mas o artigo est correto quan-
do diz para usar propores e no se concentrar em tamanhos de tela.

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 18



Seguindo essa ideia, voc deve ento ajustar o as propriedades do projeto e dos layouts
da seguinte maneira para evitar possveis dores de cabea:

Defina o tamanho da janela do projeto para: 640, 960 (640px de largura por 960px de
altura, referente a proporo 2:3) ou inverta isso casa seu jogo seja na orientao de pai-
sagem.

Mude a propriedade Fullscreen in browser para: Scale Outter

Defina orientaes para: Retrato ou Paisagem (depende do seu jogo)

Na propriedade de todos os Layouts ajuste a propriedade Unbounded Scrolling para:

Yes.

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 19



Defina todos os tamanhos dos Layouts para 640, 960 (o mesmo que o tamanho da jane-
la do projeto)

O tamanho de 640 por 960 usado para projetos com orientao Retrato (celular de p)
dentro das propores 2:3 e funciona bem no iPhone 4, iPhone 5, Samsung Galaxy S3
e S4. Se voc quer criar um jogo no modo Paisagem (celular deitado) inverta os valores.

Voc tambm pode usar outras medidas desde que voc siga as regras das pores.
Abaixo um pequena lista das propores de telas mais comuns.

1.33 ou 4:3 - tambm chamada de janela clssica, utilizada nas televises tradicionais
Exemplo: 640px por 480px => 640/480 = 1.33 = 4:3

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 20



1.77 ou 16:9 - a proporo da televiso de alta definio, adotada como padro HDTV
desde os anos 1980, e a partir de 2003 tambm encontrada em muitos monitores de
computador

Exemplo:
- 1280px por 720px = 1280/720 = 1.77 = 16:9 ou
- 1920px por 1080px = 1920/1080 = 1.77 = 16:9

1.5 ou 3:2 - o padro mais comum usado para fotografias

Exemplo: 960px por 6400px => 960/640 = 1.5 = 3:2

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 21

CONCLUSO
Por Raphael Dias

E a curtiu as dicas?
Ento, no deixe de compartilh-las com seus amigos nas redes sociais usando os bo-
tes abaixo:

E se voc quer se aprofundar na Construct 2, eu te convido para ler os materiais exclu-

sivos do Produo de Jogos clicando neste link.

12 dicas matadoras para criar jogos na Construct 2 - Produo de Jogos 22