crash course tradução

22
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.

Upload: wilton-moreira-ferraz-junior

Post on 13-Apr-2017

143 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Crash course   tradução

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.

Page 2: Crash course   tradução

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.

Page 3: Crash course   traduçã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

Page 4: Crash course   tradução

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:

Page 5: Crash course   tradução

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.

Page 6: Crash course   tradução

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

Page 7: Crash course   tradução

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.

Page 8: Crash course   tradução

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

Page 9: Crash course   tradução

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

Page 10: Crash course   tradução

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.

Page 11: Crash course   tradução

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.

Page 12: Crash course   tradução

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.

Page 13: Crash course   tradução

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.

Page 14: Crash course   tradução

Jumping: Faça as seguintes modificações para os valores padrão:

Agora adicione o comportamento: Stomp on Enemies (Pisar em Inimigos)

Page 15: Crash course   tradução

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:

Page 16: Crash course   traduçã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.

Page 17: Crash course   tradução

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.

Page 18: Crash course   traduçã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.

Page 19: Crash course   tradução

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

Page 20: Crash course   tradução

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.

Page 21: Crash course   tradução

Teste seu game

Clique no botão Test Game na barra de ferramenta no topo do Stencyl:

Page 22: Crash course   tradução

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 :