Você está na página 1de 70

Criando jogos com

Stencyl
Prof. Gustavo Linhares Llis Frota
IFNMG Campus Januria

Crie jogos incrveis sem cdigo

Stencyl a maneira mais rpida e


mais fcil de fazer um jogo.

Podemos desenvolver jogos para


iPhone, iPad, Android, Flash,
Windows, Linux e Mac.

Sem necessidade de codificao

A Lgica de construo do jogo literalmente feito em um piscar de


olhos

Sem necessidade de codificao

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

Criao de bloco de cdigo do zero

Contm centenas de blocos prontos para uso

Voc tambm pode escrever seu prprio cdigo

O Melhor interface Drag & Drop

Usurios avanados podem criar e compartilhar seus prprios blocos,


estender o motor por meio de cdigo, bibliotecas de importao e
escrever suas prprias 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 confivel de ganhar dinheiro e atingir milhes 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


contedo na pasta "Jogos".

2) Voc pode localizar a pasta "Jogos", clicando no boto View Games


Folder" na barra inferior, logo aps 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 boto Avanar na


parte inferior da caixa de dilogo.

Criando um novo jogo


O que so Kits?

Muitas vezes, quando voc cria um jogo em


Stencyl, voc vai querer comear com um Kit, um modelo de jogo que
vem com recursos de amostra e tem coisas como configuraes e lgica
do jogo j configurados. O kit voc est comeando 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 comear pela localizao do Ator , que servir como nosso


personagem jogvel.

Definio:

Em Stencyl, qualquer coisa que pode se mover ou interagir


considerado um ator . Isto inclui personagens jogveis, inimigos, os
elementos da interface de usurio, etc. Um tipo de ator um modelo
para atores, enquanto Ator normalmente significa uma instncia
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 nmero "2" ao lado do boto. Esse


nmero indica o nmero total de atores em seu jogo. Da mesma forma,
os nmeros prximos aos outros recursos indicam o nmero 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


noTilesetscategoria.

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 boto Sounds


no Dashboard. Voc ver dois sons j esto l, Stomp e Jump.

Comportamentos

Por ltimo, mas no menos importante, vamos olhar para os nossos


comportamentos . Abaixo so os comportamentos que estar usando no
Curso Bater.

Comportamentos

Por ltimo, mas no menos importante, vamos olhar para os nossos


comportamentos . Abaixo so os comportamentos que estar usando no
Curso Bater.

Comportamentos

Nota : Comportamentos de controlar toda a lgica do jogo e interao


do jogador; eles so 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 idia para salvar
com freqncia. Basta clicar no boto Save Game na barra de
ferramentas principal para o fazer, ou digite Ctrl-S.

Personalizao de Atores - Crash


Course

Parte 03

Personalizao de Atores

Se voc ainda no fechou o ator "Mambo" ainda, clique na guia para


selecion-lo. Caso contrrio, v at o Painel e clique duas vezes no Actor
Mambo da parte Tipos Ator da Biblioteca.

Personalizao de Atores

1)a pgina do Editor Ator aparece. Ir para a guia de Propriedades


clicando no boto azul correspondente na parte superior do editor.

Personalizao de Atores

2) Verifique se o Mambo um membro do grupo de jogadores. Isso ir


garantir que Stencyl vai lidar com colises como pretendemos.

Definio : Os grupos permitem categorizar atores para contar Stencyl


que tipos de atores deve colidir com outro. Os grupos tambm podem
deix-lo tratar diferentes classes de atores de forma diferente. Ns
temos um artigo inteiro dedicado a grupos e como eles afetam as
colises .

Personalizao de Atores

4) Ns vamos passar para a guia de comportamentos, onde a


verdadeira personalizao comea. Comece clicando no boto
Comportamentos (mesmo ao lado do boto de apresentao). A
seguinte tela ser exibida:

Personalizao de Atores

5) Clique no boto Adicionar comportamento no canto inferior


esquerdo . Quando a caixa de dilogo exibida, selecione o Walking
comportamento e, finalmente, clique no boto Escolher na parte inferior
direita da caixa de dilogo para confirmar a sua seleo.

Personalizao de Atores

6) Estamos levado de volta para o Editor Ator. Observe a adio do


Comportamento Walking na lista esquerda, assim como todos os seus
atributos na janela principal.

Personalizao de Atores

7) Vamos comear a personalizao destes atributos . Alguns dos


atributos tm valores padro que podemos usar, como velocidade ,
enquanto outros teremos que nos propusemos.

Em primeiro lugar, a mudana Mover Tecla direita e mover da esquerda


para a direita e esquerda controles , respectivamente.

Personalizao de Atores

8) Em seguida, escolha as animaes desejados clicando no " Escolha


uma animao boto "e selecionar as seqncias de animao que voc
deseja.

Personalizao de Atores

Para adicionar mais Behaviors, clique no boto Adicionar


comportamento no canto inferior esquerdo do editor.

Jumping: Faa as seguintes modificaes para os valores padro:


Selecione a chave do salto para saltar, e escolher Jump (R) e Jump (L)
para o salto direita e pule animaes esquerda, respectivamente. Por
ltimo, acrescente o Salto de som, ento Stencyl vai jogar um efeito
sonoro quando Mambo saltos.

Personalizao de Atores

Personalizao de Atores

Stomp em Enemies : Definir o grupo stompable aos inimigos ea chave


do salto para saltar.

Personalizao 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
necessrio).

Personalizao de Atores

1) Clique no Propriedades boto como fizemos com Mambo, e encontrar


o Grupo suspensa.

2) V em frente e mudar o grupo de Pronger aos inimigos.

Personalizao de Atores

3) Tudo o que resta a fazer com Pronger adicionar um nico


comportamento. Clique no boto Comportamentos e adicione o
Stompable Comportamento (localizado sob a categoria Colises).
Personalize os dois atributos seguintes e deixar os outros como eles so:

Criao de uma Cena- Crash Course

Parte 04

Criao de uma Cena

1) A partir do Painel, clique no Cenas categoria, seguido pelo grande


retngulo tracejado.

2) A caixa de dilogo Criar nova cena ir aparecer. Digite um nome de


sua escolha.

Criao de uma Cena

Vamos ter Stencyl gerar um fundo de cu muito para ns.

Criao de uma Cena

4) Quando estiver tudo terminado, o dilogo deve ser algo como a


imagem abaixo.Clique em Criarquando voc est acabado.

Criao de uma Cena

5) A cena Designer ser aberta. A interface pode lembr-lo de alguns


programas populares de pintura e to intuitivo de usar.

Colocar Tiles

1) Em primeiro lugar, certifique-se de que a ferramenta Lpis


selecionado a partir da barra de ferramentas no lado esquerdo do editor.

Colocar Tiles

2) Clique na telha superior esquerdo na seo 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 boto 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 ns comeamos 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 boto esquerdo perto do chopara coloclo na cena.

Dica: Se voc segurar o boto Shift, voc pode tirar o ator para uma
grade.

Colocar Atores

2) Agora, selecione Pronger e coloque um pouco dele na cena tambm.


Sua cena final poderia ser algo como isto:

Adicionando Gravidade

Pressione o boto de Fsica entre os eventos e os botes de fundo, na


parte superior da tela, e na gravidade Vertical seo, digite "85" para
simular a gravidade do mundo real.

Testando seu jogo - Crash Course

Parte 05

Teste o seu jogo!

Clique no boto Jogo de testena 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 espao .

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/