Criando jogos com

Stencyl
Prof. Gustavo Linhares Lélis Frota
IFNMG Campus Januária
Crie jogos incríveis sem código

 Stencyl é a maneira mais rápida e

mais fácil de fazer um jogo.
 Podemos desenvolver jogos para
iPhone, iPad, Android, Flash,
Windows, Linux e Mac.
Sem necessidade de codificação

 A Lógica de construção do jogo é literalmente feito em um piscar de

olhos
Sem necessidade de codificação

 O Stencyl usa a linguagem Haxe, uma linguagem que é muito

semelhante ao ActionScript 3.
O Melhor interface Drag & Drop

 O designer do gameplay drag-and-drop é uma homenagem ao projeto

MIT Scratch project.
 Interface de encaixe simples
 Criação de bloco de código do zero
 Contém centenas de blocos prontos para uso
 Você também pode escrever seu próprio código
O Melhor interface Drag & Drop

 Usuários avançados podem criar e compartilhar seus próprios blocos,

estender o motor por meio de código, bibliotecas de importação e
escrever suas próprias classes personalizadas que interagem
perfeitamente com comportamentos baseados em blocos.
Construindo mundos
Construir atores
Biblioteca com muitos recursos
Venda Seu Jogo

 Vendendo seu jogo na App Store, Google Play ou lojas alternativas é

uma maneira confiável de ganhar dinheiro e atingir milhões de
potenciais jogadores.
 Jogos Stencyl colocaram no top 5 na App Store.
Criando um novo jogo - Crash Course

 Parte 01
Criando um novo jogo - Crash Course

 Materiais para Download no link: http://

static.stencyl.com/pedia2/ch1/cc/Crash%20Course%20Kit.zip
 1) Descompacte o arquivo como "Crash Course Kit" e colocar seu
conteúdo na pasta "Jogos".
 2) Você pode localizar a pasta "Jogos", clicando no botão “View Games
Folder" na barra inferior, logo após a abertura Stencyl .
Criando um novo jogo - Crash Course

 Quando você carregar Stencyl, você verá uma tela parecida com esta.
 A partir daqui, você pode criar um novo jogo, abrir um jogo já existente,
ou procurar os jogos que outras pessoas criaram.
Criando um novo jogo

 1) Clique no quadrado pontilhado rotulado Clique aqui para criar um

novo jogo .
Criando um novo jogo

 2) Clique no Bater Curso Kit , em seguida, clique no botão Avançar na

parte inferior da caixa de diálogo.
Criando um novo jogo

 O que são Kits? Muitas vezes, quando você cria um jogo em

Stencyl, você vai querer começar com um Kit, um modelo de jogo que
vem com recursos de amostra e tem coisas como configurações e lógica
do jogo já configurados. O kit você está começando com aqui tem todos
os recursos que você precisa para o Curso de Bater.
Criando um novo jogo
Criando um novo jogo
Criando ator- Crash Course

 Parte 02
Criando um Ator

Ator
 Vamos começar pela localização do Ator , que servirá como nosso
personagem jogável.

Definição:
 Em Stencyl, qualquer coisa que pode se mover ou interagir é
considerado um ator . Isto inclui personagens jogáveis, inimigos, os
elementos da interface de usuário, etc. Um tipo de ator é um modelo
para atores, enquanto Ator normalmente significa uma instância
particular.
Criando um Ator

 1) Em primeiro lugar, clique sobre a Tipos Ator entrada na barra lateral

esquerda do Dashboard.
Criando um Ator

 Nota: Você verá um pequeno número "2" ao lado do botão. Esse

número indica o número total de atores em seu jogo. Da mesma forma,
os números próximos aos outros recursos indicam o número de outros
tipos de recursos que temos.
 Criando um Ator
2) Agora, os Tipos de Atores aparecerá na lista. Como esperado, você verá
dois tipos Ator aqui, um chamado Mambo, outro chamado Pronger. Mambo
vai ser Ator do nosso jogador.
 Criando um Ator
 3) Se você clicar duas vezes no ícone do Mambo , Stencyl irá abri-lo
dentro do Editor de Ator .
 O segundo ator
 1) Volte para o painel clicando em sua guia.
 O segundo ator
 2) Agora abra-se Pronger, o ator usaremos como nosso inimigo.
 Tilesets
 Agora vamos olhar para o nosso Tileset.
 1) Clique em voltar para a guia Dashboard e, em seguida, clique
no Tilesets categoria.
 Tilesets
 2) Abra o Grass Land Tileset
 Tilesets
 3) Como seria de esperar, um editor aparece em uma nova aba. Desta
vez, é o editor Tileset .
 Sons
 Vamos olhar para os nossos Sounds seguinte. Clique no botão Sounds
no Dashboard. Você verá dois sons já estão lá, Stomp e Jump.
 Comportamentos
 Por último, mas não menos importante, vamos olhar para os nossos
comportamentos . Abaixo são os comportamentos que estará usando no
Curso Bater.
 Comportamentos
 Por último, mas não menos importante, vamos olhar para os nossos
comportamentos . Abaixo são os comportamentos que estará usando no
Curso Bater.
 Comportamentos
 Nota : Comportamentos de controlar toda a lógica do jogo e interação
do jogador; eles são o que fazem todos os jogos “funcionar".
 Comportamentos
 Vamos apenas dar uma espiada dentro de um desses comportamentos.
Clique duas vezes em Caminhando para abri-lo dentro do Editor de
Comportamento .
 Salvar o jogo
 Quando você está trabalhando em seu jogo, é uma boa idéia para salvar
com freqüência. Basta clicar no botão Save Game na barra de
ferramentas principal para o fazer, ou digite Ctrl-S.
Personalização de Atores - Crash
Course

 Parte 03
 Personalização de Atores
 Se você ainda não fechou o ator "Mambo" ainda, clique na guia para
selecioná-lo. Caso contrário, vá até o Painel e clique duas vezes no Actor
Mambo da parte Tipos Ator da Biblioteca.
 Personalização de Atores
 1)a página do Editor Ator aparece. Ir para a guia de Propriedades
clicando no botão azul correspondente na parte superior do editor.
 Personalização de Atores
 2) Verifique se o Mambo é um membro do grupo de jogadores. Isso irá
garantir que Stencyl vai lidar com colisões como pretendemos.
 Definição : Os grupos permitem categorizar atores para contar Stencyl
que tipos de atores deve colidir com outro. Os grupos também podem
deixá-lo tratar diferentes classes de atores de forma diferente. Nós
temos um artigo inteiro dedicado a grupos e como eles afetam as
colisões .
 Personalização de Atores
 4) Nós vamos passar para a guia de comportamentos, onde a
verdadeira personalização começa. Comece clicando no botão
Comportamentos (mesmo ao lado do botão de apresentação). A
seguinte tela será exibida:
 Personalização de Atores
 5) Clique no botão Adicionar comportamento no canto inferior
esquerdo . Quando a caixa de diálogo exibida, selecione o Walking
comportamento e, finalmente, clique no botão Escolher na parte inferior
direita da caixa de diálogo para confirmar a sua seleção.
 Personalização de Atores
 6) Estamos levado de volta para o Editor Ator. Observe a adição do
Comportamento Walking na lista à esquerda, assim como todos os seus
atributos na janela principal.
 Personalização de Atores
 7) Vamos começar a personalização destes atributos . Alguns dos
atributos têm valores padrão que podemos usar, como velocidade ,
enquanto outros teremos que nos propusemos.
 Em primeiro lugar, a mudança Mover Tecla direita e mover da esquerda
para a direita e esquerda controles , respectivamente.
 Personalização de Atores
 8) Em seguida, escolha as animações desejados clicando no " Escolha
uma animação botão "e selecionar as seqüências de animação que você
deseja.
 Personalização de Atores
 Para adicionar mais Behaviors, clique no botão Adicionar
comportamento no canto inferior esquerdo do editor.
 Jumping: Faça as seguintes modificações para os valores padrão:
Selecione a chave do salto para saltar, e escolher Jump (R) e Jump (L)
para o salto direita e pule animações esquerda, respectivamente. Por
último, acrescente o Salto de som, então Stencyl vai jogar um efeito
sonoro quando Mambo saltos.
Personalização de Atores
 Personalização de Atores
 Stomp em Enemies : Definir o grupo stompable aos inimigos ea chave
do salto para saltar.
 Personalização de Atores
 Personalizando Pronger. Pronger será mais simples de configurar do que
Mambo. Mude para o seu guia (ou abra-o a partir do Dashboard, se
necessário).
 Personalização de Atores
 1) Clique no Propriedades botão como fizemos com Mambo, e encontrar
o Grupo suspensa.
 2) Vá em frente e mudar o grupo de Pronger aos inimigos.
 Personalização de Atores
 3) Tudo o que resta a fazer com Pronger é adicionar um único
comportamento. Clique no botão Comportamentos e adicione o
Stompable Comportamento (localizado sob a categoria Colisões).
Personalize os dois atributos seguintes e deixar os outros como eles são:
Criação de uma Cena- Crash Course

 Parte 04
 Criação de uma Cena
 1) A partir do Painel, clique no Cenas categoria, seguido pelo grande
retângulo tracejado.
 2) A caixa de diálogo Criar nova cena irá aparecer. Digite um nome de
sua escolha.
 Criação de uma Cena
 Vamos ter Stencyl gerar um fundo de céu muito para nós.
 Criação de uma Cena
 4) Quando estiver tudo terminado, o diálogo deve ser algo como a
imagem abaixo. Clique em Criar quando você está acabado.
 Criação de uma Cena
 5) A cena Designer será aberta. A interface pode lembrá-lo de alguns
programas populares de pintura e é tão intuitivo de usar.
 Colocar Tiles
 1) Em primeiro lugar, certifique-se de que a ferramenta Lápis é
selecionado a partir da barra de ferramentas no lado esquerdo do editor.
 Colocar Tiles
 2) Clique na telha superior esquerdo na seção Tiles da Palette (no lado
direito da tela).
 Colocar Tiles
 3) Coloque -o no canto inferior esquerdo da cena por um clique esquerdo.
 Colocar Tiles
 4) Em seguida, selecionar a telha meio na linha superior da paleta.
 Colocar Tiles
 5) Com o botão esquerdo do mouse pressionado, clique e arraste para
preencher na linha de baixo, deixando apenas um único ponto no canto.
 Colocar Tiles
 6) Agora, selecione o mais à direita azulejo na mesma linha da Paleta.
 Colocar Tiles
 7) Coloque -o no local vazio restante da linha de fundo da cena.
 Colocar Atores
 Agora nós começamos a adicionar Mambo e Pronger à cena.
 1) Clique na aba Atores na Paleta, e certifique-se Mambo é selecionado.
 Colocar Atores
 Se você mover o mouse sobre a cena, você vai perceber que Mambo
segue o cursor. Clique o botão esquerdo perto do chão para colocá-
lo na cena.
 Dica: Se você segurar o botão Shift, você pode tirar o ator para uma
grade.
 Colocar Atores
 2) Agora, selecione Pronger e coloque um pouco dele na cena também.
Sua cena final poderia ser algo como isto:
 Adicionando Gravidade
 Pressione o botão de Física entre os eventos e os botões de fundo, na
parte superior da tela, e na gravidade Vertical seção, digite "85" para
simular a gravidade do mundo real.
Testando seu jogo - Crash Course

 Parte 05
 Teste o seu jogo!
 Clique no botão Jogo de teste na barra superior para jogar o seu jogo.
 Teste o seu jogo!
 Você pode andar com as esquerdas e direitas teclas de seta e
saltar com a barra de espaço .
 Tente empurrar os Atores Pronger ao redor e saltar sobre eles.
Se você cair fora da tela, a cena irá recarregar.
 FIM
 Tutorial retirado do site:
http://www.stencyl.com/help/viewArticle/143/