Iniciando com o Stencyl
Bem-vindo! Este artigo é projetado para ajudar você a começar a trabalhar com a ferramenta
Stencyl, onde em minutos você vai criar seu primeiro game. Antes de começar falaremos um pouco
mais sobre o Stencyl e conheceremos sua interface.
O que é Stencyl?
A plataforma Stencyl consiste de três partes – Stencyl (the toolset), StencylForge e Stencyl.com.
Cada um desempenha um papel para ajudar você a montar seu game, a partir da concepção do jogo
até a sua publicação.
Passo 1: Download Stencyl
Agora que você sabe o que é o Stencyl e suas várias partes, vamos começar. Inicie pelo
download do Stencyl e o instale.
Passo 2: Vá até o Crash Course
Depois do download, recomendamos que acesse o Crash Course. Se você está utilizando o
Stencyl pela primeira vez, será direcionado automaticamente para o Crash Course. Se não, clique no
botão help e procure por essa opção.
Se completar o Crash Course você terá produzido seu primeiro jogo.
Passo 3: Vá até a Stencylpedia
Depois de você ter feito seu primeiro jogo usando o Crash Course é altamente recomendável que leia
os primeiros capítulos da Stencylpedia (até o final do capítulo 4). Stencylpedia irá ensinar a você os
fundamentos de criação de game através do Stencyl, utilizando vários exemplos prontos.
Passo 4: Crie um game a partir de um kit
Depois de ter visitado a Stencylpedia, você deve criar seu primeiro game real, baseado em um kit. Kits
são templates para criação de determinados tipos de jogos como os de Plataforma, de tiro e os de ação.
Se nenhum dos kits for do seu gosto, você pode também selecionar um Blank Game para criar
um game a partir do zero. De qualquer maneira é possível reunir gráficos e sons para a construção de
um game, montando cenas e testando-o, podendo por fim publicá-lo, sendo tudo isso muito fácil.
Passo 5: Examine outros exemplos
Sua cópia do Stencyl vem com exemplos simples de games que ensinam a você mais sobre a
plataforma. Você pode buscar mais games de exemplos em StencylForge.
Passo final: Crie seu próprio game
Agora que você esta familiarizado com Stencyl, está pronto para fazer os games de sua preferência. O
céu é o limite e praticamente qualquer coisa pode ser feita com Stencyl, especialmente se fizer pleno uso do
poderoso e intuitivo designer de comportamento (“Design Mode”) ou o editor de código.
Como obter ajuda
Em algum momento você terá dificuldade e precisará fazer perguntas. Por onde deve começar?
1:Inicie com a Stencylpedia
Se você esta começando, Stencylpedia é o primeiro lugar a consultar, pois as principais
informações sobre desenvolvimento de games estão lá. Se você é novo no Stencyl trabalhe os capítulos
2, 3 e 4 e ao final do capítulo 4 terá plenas condições de desenvolver games.
2: Pergunte nos fóruns
Os fóruns são ótimos quando você tem uma questão específica para perguntar. Na maioria dos
casos, você vai ter uma resposta rápida, muitas vezes no mesmo dia.
3: Converse com outros usuários Stencyl
A sala de Chat é ótima para procurar ajuda em tempo real, pois pode-se encontrar vários
membros da comunidade que podem nos ajudar.
Vamos fazer um jogo?
Descompacte o arquivo como "Kit Crash Course" e coloque o seu conteúdo dentro da pasta
"Games". Você pode encontrar a pasta "Games" clicando em "View Games Folder", botão localizado na
barra inferior, logo após a abertura Stencyl.
Criando um novo Game
Quando você carregar o Stencyl, verá uma tela parecida com esta:
Este é o welcome center. Aqui você pode criar um novo game, abrir um game existente, ou
procurar games de outras pessoas tenham criado.
Criando um novo jogo
1) Clique no quadrado pontilhado rotulado: Click here to create new Game
2) Clique no Kit Crash Course, e em seguida, no botão Next na parte inferior da caixa de diálogo.
O que são kits?
Frequentemente quando você cria um jogo em Stencyl, terá a necessidade de iniciar com um kit, um
template de game que vem com amostras de recursos e configurações lógicas do game já efetuadas. O kit
que você está começando aqui tem todos os recursos que você precisa para o Crash Course.
3) Em seguida você verá uma caixa de diálogo pop up (figura abaixo) onde poderá configurar o
tamanho da janela do game em pixel e o nome do seu game. Vamos nomeá-lo Crash Course
jogo, mas pode utilizar outro nome de sua escolha. Ao definir a dimensão de largura e altura na
seção Screen Size você estará determinando o tamanho da janela/visualização que o jogador
verá quando jogar seu game. Neste caso colocaremos uma largura 640 e uma altura de 480.
Agora você vai visualizar o painel, uma área central onde você pode ver os recursos do seu jogo
(gráficos, sons, lógica do game, etc) e configurações.
Recursos do Game
A partir do painel nós podemos criar novos recursos ou importar recursos existentes. Para o
Crash Course, serão incluídos os recursos que você precisa para começar.
Ator jogador
Vamos começar por localizar o ator, que servirá como o nosso personagem o qual faremos interações.
Definição: Em Stencyl, qualquer coisa que pode se mover ou que pode interagir é considerado um
Ator. Isto inclui personagens, inimigos, elementos de interface com o usuário etc. Um Actor Type é um
template para atores, enquanto ator geralmente representa uma instancia particular. Às vezes, usamos
o número “2” alternadamente para manter a nossa linguagem simples.
1) Primeiro, clique em Actor Type na barra lateral esquerda do painel
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 ao lado dos outros recursos indicam o número dos
tipos de recursos existentes.
2) Aparece então a lista de tipos de atores. Como esperado, você verá dois tipos de Atores, um
chamado Mambo, outro chamado Pronger. Mambo vai ser o ator do nosso jogador.
3) Se você der um duplo clique no ícone do mambo, o Stencyl abrirá o editor do ator.
Definição: O Editor Ator é um dos vários editores de recursos dentro Stencyl. Ele permite que você
personalize completamente a aparência de um ator, comportamento e propriedades físicas. Voltaremos a este
editor em breve, mas por agora, vamos ver o restante dos recursos que estará usando.
O segundo ator.
1) Clique sobre a aba Dashboard.
2) Agora abra Pronger, o ator que usaremos como nosso inimigo.
Dica: Prefere abrir as coisas usando o teclado? Digite Ctrl + O (ou Command-S no Mac). Isso
abrirá uma caixa de diálogo na qual você pode digitar o nome de qualquer recurso. Use as setas do
teclado para ajustar sua seleção e pressione Enter / Return para confirmar sua seleção.
Tilesets
Agora vamos falar do Tileset.
Definição: Um Tileset é uma coleção de peças retangulares que podem ser usadas para
construir os níveis do jogo (conhecido como cenas em Stencyl-speak).
1) Clique na aba Dashboard e em seguira clique na categoria Tilesets
2) Abra o Grass Land Tileset.
3) Um editor aparece em uma nova aba. Desta vez, é o Editor Tileset
Sons
Vamos conhecer os recursos de sons. Clique no botão da aba Dashboard.Você verá que dois
sons já estão lá, Stomp e Jump.
Sinta-se livre para abrir um dos sons.
Comportamentos
Por último, mas não menos importante, vamos olhar para os comportamentos. Mostrado abaixo
os comportamentos que estaremos usando no Crash Course.
Nota: Comportamentos controlam toda a lógica do jogo e interação do jogador
Vamos ver um desses comportamentos. Dê um duplo clique em Walking para abri-lo dentro do
Editor Behavior.
Há muita coisa acontecendo aqui, e nós vamos falar sobre isso mais tarde. O Editor do
comportamento é uma ferramenta poderosa que faz o projeto lógico e complexo de maneira bastante
simples. Temos um tutorial inteiro dedicado a ajudá-lo a aprender o funcionamento deste editor,
embora, não vamos vê-lo no momento.
Nota: Prefere codificação em vez disso? Nós oferecemos duas maneiras de adicionar código
para os seus jogos, uma é um editor de código específico (ou ligado para usar seu editor de texto
favorito) e o outro são blocos de código especial que permite a inserção do código no Editor de
Comportamento.
Salvando
Quando você está trabalhando em seu jogo, é uma boa ideia salvar com frequência o que está
fazendo. Basta clicar no botão Save Game na barra principal de ferramentas, ou digite Ctrl-S (ou
Command-S no Mac).
Personalizando Atores
Já temos importados alguns Atores para o nosso jogo, mas eles não são muito interessantes
ainda, sem Comportamentos, onde esses atores realmente ainda não pode fazer muita coisa. Para dar
um pouco de vida ao Mambo e ao nosso inimigo, Pronger, vamos dar uma segunda olhada no Editor de
Actor e adicionar os comportamentos inclusos no Kit Crash Course.
Customizando Mambo
Se você ainda não fechou o Ator "Mambo", clique na guia para selecioná-lo. Caso contrário,
navegue para o Dashboard e clique duas vezes no Ator Mambo na Biblioteca Actor Types.
1) Será aberta a página do editor do personagem com o item Appearance selecionado em azul
na parte superior do editor, selecione o item Properties neste menu.
2) Verifique se Mambo é um membro do Grupo de Players. Isto irá assegurar que o Stencyl vai
lidar com colisões, como pretendemos.
Definição: Grupos permitem categorizar Atores para dizer ao Stencyl que tipos de atores devem colidir
com outro. Os grupos também podem deixá-lo tratar diferentes classes de atores de forma independente.
3) Sinta-se livre para dar uma olhada nas guias de colisão e física também. Eles contêm as
configurações adicionais que permitem personalização, como o motor de física do Stencyl,
tratamento do ator, mas para o nosso exemplo, as configurações padrão vão funcionar bem.
4) Vamos passar para a aba Behaviors, onde a verdadeira personalização começa. Comece
clicando no botão Behaviors (ao lado do botão Appearance). A seguinte tela será exibida:
5) Clique no retângulo pontilhado. Quando a caixa de dialogo aparecer selecione a opção
walking e clique no botão Choose;
6) Quando voltamos para o Editor do Ator, observamos a adição do comportamento Walking na
lista à esquerda, bem como todos os seus atributos na janela principal.
7) Vamos começar a personalizar esses atributos. Alguns dos atributos têm valores padrão que
podemos usar, como velocidade, enquanto outros teremos que estabelecer. Primeiro, mude
os controles Move Right Key e Move Left Key para Right e Left, respectivamente.
8) Em seguida, escolha as animações desejadas clicando no botão "Choose an Animation" e
selecionar as sequências de animação que você deseja.
Isso é tudo para o primeiro Comportamento!
Vamos adicionar um comportamento e personalizá-los de uma maneira similar. Para adicionar
mais Behaviors, clique no botão Add Behavior no canto inferior esquerdo do editor.
Jumping: Faça as seguintes modificações para os valores padrão:
Agora adicione o comportamento: Stomp on Enemies (Pisar em Inimigos)
Faça as seguintes configurações:
Personalizando Pronger
Pronger vai ser mais simples de configurar do que Mambo. Vamos passar para o seu guia (ou
abri-lo a partir do painel, se necessário).
1) Clique no botão Properties como fizemos com Mambo e encontre o Group;
2) Mude o Group para Enemies;
3) Tudo o que resta a fazer com Pronger é adicionar um único comportamento. Clique no
botão Behaviors e adicione o comportamento Stompable. Personalize os dois seguintes
atributos e deixar os outros como eles são:
Criando uma cena
Agora que temos os nosso recurso e nosso ator configurado, nós podemos criar uma cena.
Definição: Cenas são níveis do game que são preenchidos com as peças e Atores que criamos.
Você pode até mesmo anexar comportamentos em cenas, apesar de não fazermos isso neste tutorial.
Criando um novo cenário
1) Na aba Dashboard clique no item Scenes, e em seguida no retângulo tracejado que surgiu
no centro do Stencyl.
2) Será mostrada a caixa de diálogo como na figura abaixo:
Coloque um nome de sua escolha.
3) Vamos fazer o Stencyl gerar um fundo imitando o céu, clicando no item Color e selecionando
a opção vertical gradiente. Escolha duas cores clicando nas caixas brancas ao lado do item
Color e escolher a cor desejada.
Note que a caixa a esquerda seleciona a cor do inicio do gradiente já a da direita é a cor de término.
4) Quando terminar as configurações clique em create.
5) O Designer da cena será aberto com uma interface de programa de desenho com intuito de
facilitar a utilização.
Colocar Tiles
Vamos adicionar Tiles em nossa cena. Eles formam o piso em que os personagens vão se deslocar.
1) Selecione a ferramenta pencil na barra de ferramenta do lado esquerdo do Stencyl:
2) Clique na parte superior esquerda na paleta titles (localizada no lado direito do Stencyl).
3) Coloque-o no canto inferior esquerdo da cena, clicando neste local.
4) Selecione o quadro do meio na linha superior da Paleta
5) Com o botão esquerdo do mouse pressionado, clique e arraste para preencher a linha,
deixando apenas um único ponto no canto.
6) Selecione o tile mais a esquerda na paleta
7) Coloque-o no espaço vazio restante da linha de fundo da cena.
Dica: Quando você seleciona um tile para colocar você pode escolher um conjunto de blocos
ao invés de apena um e coloca-los em sua cena. Para isso clique o botão esquerdo do
mouse + a tecla shift e arraste o ponteiro para criar o bloco.
Colocando Atores
Agora vamos adicionar Mambo e Pronger na cena.
1) Clique na aba actor na Palette e selecione o Mambo
Se você passar o mouse sobre a cena, vai perceber que Mambo segue o cursor. Clique o botão
esquerdo perto do chão para coloca-lo na cena.
Dica: Se você segurar o botão Shift, você pode encaixar o ator de acordo com uma grade.
2) Selecione agora Pronger e coloque um pouco deles na cena também. Sua cena final
poderia ter essa aparência:
Adicionando Gravidade
Clique o botão Physics na parte superior da tela, e na seção Vertical Gravity e digite "85" para
simular a gravidade do mundo real.
Teste seu game
Clique no botão Test Game na barra de ferramenta no topo do Stencyl:
Você pode caminhar usando a seta direita e esquerda e saltar usando o espaço. Tente empurrar
os atores Pronger e pulando sobre eles. Se você cair fora da tela, a cena vai recarregar.
Nota: Você pode também testar seu game em um navegador web usando o item de menu
mostrado abaixo, ou o atalho Ctrl+Shift+Enter :
Top Related