8/9/2019 Mini Curso Stencyl
1/70
Criando jogos com
StencylProf. Gustavo Linhares Llis Frota
IFNMG Camus !anu"ria
8/9/2019 Mini Curso Stencyl
2/70
Crie jogos incr#veis sem c$digo
Stencyl a maneira mais r"ida emais f"cil de fa%er um jogo.
Podemos desenvolver jogos araiPhone& iPad& 'ndroid& Flash&(indo)s& Linu* e Mac.
8/9/2019 Mini Curso Stencyl
3/70
Sem necessidade de codi+ca,-
' L$gica de constru,-o do jogo literalmente feito em umolhos
8/9/2019 Mini Curso Stencyl
4/70
Sem necessidade de codi+ca,-
Stencyl usa a linguagem /a*e& uma linguagem 0ue musemelhante ao 'ctionScrit 1.
8/9/2019 Mini Curso Stencyl
5/70
Melhor interface 2rag 3 2ro
designer do gamelay drag4and4dro uma homenagemMI5 Scratch project.
Interface de encai*e simles
Cria,-o de 6loco de c$digo do %ero
Contm centenas de 6locos rontos ara uso
7oc8 tam6m ode escrever seu r$rio c$digo
8/9/2019 Mini Curso Stencyl
6/70
Melhor interface 2rag 3 2ro
9su"rios avan,ados odem criar e comartilhar seus r$estender o motor or meio de c$digo& 6i6liotecas de imorescrever suas r$rias classes ersonali%adas 0ue interageerfeitamente com comortamentos 6aseados em 6locos.
8/9/2019 Mini Curso Stencyl
7/70
Construindo mundos
8/9/2019 Mini Curso Stencyl
8/70
Construir atores
8/9/2019 Mini Curso Stencyl
9/70
:i6lioteca com muitos recursos
8/9/2019 Mini Curso Stencyl
10/70
7enda Seu !ogo
7endendo seu jogo na App Store& Google Play ou lojas auma maneira con+"vel de ganhar dinheiro e atingir milh;eotenciais jogadores.
!ogos Stencyl colocaram no to < na ' Store.
8/9/2019 Mini Curso Stencyl
11/70
Criando um novo jogo 4 Crash C
Parte =>
8/9/2019 Mini Curso Stencyl
12/70
8/9/2019 Mini Curso Stencyl
13/70
Criando um novo jogo 4 Crash C
uando voc8 carregar Stencyl& voc8 ver" uma tela arecid
' artir da0ui& voc8 ode criar um novo jogo& a6rir um jogoou rocurar os jogos 0ue outras essoas criaram.
8/9/2019 Mini Curso Stencyl
14/70
Criando um novo jogo
>E Cli0ue no 0uadrado ontilhado rotulado Cli0ue a0ui aranovo jogo .
8/9/2019 Mini Curso Stencyl
15/70
8/9/2019 Mini Curso Stencyl
16/70
8/9/2019 Mini Curso Stencyl
17/70
Criando um novo jogo
8/9/2019 Mini Curso Stencyl
18/70
Criando um novo jogo
8/9/2019 Mini Curso Stencyl
19/70
Criando ator4 Crash Course
Parte =B
8/9/2019 Mini Curso Stencyl
20/70
Criando um 'tor
Ator
7amos come,ar ela locali%a,-o do 'tor & 0ue servir" comersonagem jog"vel.
Defnio:
Jm Stencyl& 0ual0uer coisa 0ue ode se mover ou interagi
considerado um ator . Isto inclui ersonagens jog"veis& inimelementos da interface de usu"rio& etc. 9m tio de ator uara atores& en0uanto 'tor normalmente signi+ca uma insarticular.
8/9/2019 Mini Curso Stencyl
21/70
Criando um 'tor
>E Jm rimeiro lugar& cli0ue so6re a 5ios 'tor entrada na es0uerda do 2ash6oard.
8/9/2019 Mini Curso Stencyl
22/70
Criando um 'tor
Nota: 7oc8 ver" um e0ueno nmero B ao lado do 6onmero indica o nmero total de atores em seu jogo. 2a mos nmeros r$*imos aos outros recursos indicam o nmertios de recursos 0ue temos.
8/9/2019 Mini Curso Stencyl
23/70
Criando um 'torBE 'gora& os 5ios de 'tores aarecer" na lista. Como eserado& voc8 vdois tios 'tor a0ui& um chamado Mam6o& outro chamado Pronger. Mam
vai ser 'tor do nosso jogador.
8/9/2019 Mini Curso Stencyl
24/70
Criando um 'tor 1E Se voc8 clicar duas ve%es no #cone do Mam6o & Stencyl ir" a6ri4l
dentro do Jditor de 'tor .
8/9/2019 Mini Curso Stencyl
25/70
segundo ator
>E 7olte ara o ainel clicando em sua guia.
8/9/2019 Mini Curso Stencyl
26/70
segundo ator
BE 'gora a6ra4se Pronger& o ator usaremos como nosso inimigo.
8/9/2019 Mini Curso Stencyl
27/70
5ilesets
'gora vamos olhar ara o nosso 5ileset.
>E Cli0ue em voltar ara a guia 2ash6oard e& em seguida& cli0ue
no ilesetscategoria.
8/9/2019 Mini Curso Stencyl
28/70
5ilesets
BE '6ra o Grass Land 5ileset
8/9/2019 Mini Curso Stencyl
29/70
5ilesets
1E Como seria de eserar& um editor aarece em uma nova a6a. 2eve%& o editor 5ileset .
8/9/2019 Mini Curso Stencyl
30/70
Sons
7amos olhar ara os nossos Sounds seguinte. Cli0ue no 6ot-o Sounno 2ash6oard. 7oc8 ver" dois sons j" est-o l"& Stom e !um.
8/9/2019 Mini Curso Stencyl
31/70
8/9/2019 Mini Curso Stencyl
32/70
Comortamentos
Por ltimo& mas n-o menos imortante& vamos olhar ara os nossoscomortamentos . '6ai*o s-o os comortamentos 0ue estar" usan
Curso :ater.
8/9/2019 Mini Curso Stencyl
33/70
Comortamentos
Nota @ Comortamentos de controlar toda a l$gica do jogo e intera,do jogador eles s-o o 0ue fa%em todos os jogos Hfuncionar.
8/9/2019 Mini Curso Stencyl
34/70
Comortamentos
7amos aenas dar uma esiada dentro de um desses comortamenCli0ue duas ve%es em Caminhando ara a6ri4lo dentro do Jditor de
Comortamento .
8/9/2019 Mini Curso Stencyl
35/70
Salvar o jogo
uando voc8 est" tra6alhando em seu jogo& uma 6oa idia ara scom fre08ncia. :asta clicar no 6ot-o Save Game na 6arra de
ferramentas rincial ara o fa%er& ou digite Ctrl4S.
8/9/2019 Mini Curso Stencyl
36/70
Personali%a,-o de 'tores 4 CrasCourse
Parte =1
8/9/2019 Mini Curso Stencyl
37/70
Personali%a,-o de 'tores
Se voc8 ainda n-o fechou o ator Mam6o ainda& cli0ue na guia arselecion"4lo. Caso contr"rio& v" at o Painel e cli0ue duas ve%es no
Mam6o da arte 5ios 'tor da :i6lioteca.
8/9/2019 Mini Curso Stencyl
38/70
Personali%a,-o de 'tores
>Ea "gina do Jditor 'tor aarece. Ir ara a guia de Proriedadesclicando no 6ot-o a%ul corresondente na arte suerior do editor.
8/9/2019 Mini Curso Stencyl
39/70
Personali%a,-o de 'tores
BE 7eri+0ue se o Mam6o um mem6ro do gruo de jogadores. Issogarantir 0ue Stencyl vai lidar com colis;es como retendemos.
Defnio : s gruos ermitem categori%ar atores ara contar Ste0ue tios de atores deve colidir com outro. s gruos tam6m odedei*"4lo tratar diferentes classes de atores de forma diferente. N$stemos um artigo inteiro dedicado a gruos e como eles afetam ascolis;es .
8/9/2019 Mini Curso Stencyl
40/70
Personali%a,-o de 'tores
OE N$s vamos assar ara a guia de comortamentos& onde averdadeira ersonali%a,-o come,a. Comece clicando no 6ot-oComortamentos mesmo ao lado do 6ot-o de aresenta,-oE. 'seguinte tela ser" e*i6ida@
8/9/2019 Mini Curso Stencyl
41/70
Personali%a,-o de 'tores
8/9/2019 Mini Curso Stencyl
42/70
Personali%a,-o de 'tores
QE Jstamos levado de volta ara o Jditor 'tor. 6serve a adi,-o doComortamento (al?ing na lista R es0uerda& assim como todos os atri6utos na janela rincial.
8/9/2019 Mini Curso Stencyl
43/70
Personali%a,-o de 'tores
E 7amos come,ar a ersonali%a,-o destes atri6utos . 'lguns dosatri6utos t8m valores adr-o 0ue odemos usar& como velocidade en0uanto outros teremos 0ue nos rousemos.
Jm rimeiro lugar& a mudan,a Mover 5ecla direita e mover da es0uara a direita e es0uerda controles & resectivamente.
8/9/2019 Mini Curso Stencyl
44/70
Personali%a,-o de 'tores
TE Jm seguida& escolha as anima,;es desejados clicando no Jscouma anima,-o 6ot-o e selecionar as se08ncias de anima,-o 0uedeseja.
8/9/2019 Mini Curso Stencyl
45/70
Personali%a,-o de 'tores
Para adicionar mais :ehaviors& cli0ue no 6ot-o 'dicionarcomortamento no canto inferior es0uerdo do editor.
!u"ping: Fa,a as seguintes modi+ca,;es ara os valores aSelecione a chave do salto ara saltar& e escolher !um UE e !umara o salto direita e ule anima,;es es0uerda& resectivamenteltimo& acrescente o Salto de som& ent-o Stencyl vai jogar um sonoro 0uando Mam6o saltos.
8/9/2019 Mini Curso Stencyl
46/70
li - d
8/9/2019 Mini Curso Stencyl
47/70
Personali%a,-o de 'tores
Stom em Jnemies @ 2e+nir o gruo stoma6le aos inimigos ea chado salto ara saltar.
8/9/2019 Mini Curso Stencyl
48/70
P li - d 't
8/9/2019 Mini Curso Stencyl
49/70
Personali%a,-o de 'tores
>E Cli0ue no Proriedades 6ot-o como +%emos com Mam6o& e encoo Gruo susensa.
BE 7" em frente e mudar o gruo de Pronger aos inimigos.
P li - d 't
8/9/2019 Mini Curso Stencyl
50/70
Personali%a,-o de 'tores
1E 5udo o 0ue resta a fa%er com Pronger adicionar um nicocomortamento. Cli0ue no 6ot-o Comortamentos e adicione oStoma6le Comortamento locali%ado so6 a categoria Colis;esE.
Personali%e os dois atri6utos seguintes e dei*ar os outros como ele
C i - d C C h C
8/9/2019 Mini Curso Stencyl
51/70
Cria,-o de uma Cena4 Crash C
Parte =O
C i - d C
8/9/2019 Mini Curso Stencyl
52/70
Cria,-o de uma Cena
>E ' artir do Painel& cli0ue no Cenas categoria& seguido elo grandretKngulo tracejado.
BE ' cai*a de di"logo Criar nova cena ir" aarecer. 2igite um nomesua escolha.
Cria,-o de uma Cena
8/9/2019 Mini Curso Stencyl
53/70
Cria,-o de uma Cena
7amos ter Stencyl gerar um fundo de cu muito ara n$s.
Cria,-o de uma Cena
8/9/2019 Mini Curso Stencyl
54/70
Cria,-o de uma Cena
OE uando estiver tudo terminado& o di"logo deve ser algo como aimagem a6ai*o. #lique e" #riar0uando voc8 est" aca6ado.
Cria,-o de uma Cena
8/9/2019 Mini Curso Stencyl
55/70
Cria,-o de uma Cena
8/9/2019 Mini Curso Stencyl
56/70
Colocar 5iles
>E Jm rimeiro lugar& certi+0ue4se de 0ue a ferramenta L"is selecionado a artir da 6arra de ferramentas no lado es0uerdo do e
Colocar 5iles
8/9/2019 Mini Curso Stencyl
57/70
Colocar 5iles
BE Cli0ue na telha suerior es0uerdo na se,-o 5iles da Palette no ladireito da telaE.
Colocar 5iles
8/9/2019 Mini Curso Stencyl
58/70
Colocar 5iles
1E Colo0ue 4o no canto inferior es0uerdo da cena or um cli0ue es0
Colocar 5iles
8/9/2019 Mini Curso Stencyl
59/70
Colocar 5iles
OE Jm seguida& selecionar a telha meio na linha suerior da aleta.
8/9/2019 Mini Curso Stencyl
60/70
Colocar 5iles
8/9/2019 Mini Curso Stencyl
61/70
Colocar 5iles
QE 'gora& selecione o mais R direita a%ulejo na mesma linha da Pale
Colocar 5iles
8/9/2019 Mini Curso Stencyl
62/70
Colocar 5iles
E Colo0ue 4o no local va%io restante da linha de fundo da cena.
8/9/2019 Mini Curso Stencyl
63/70
Colocar 'tores
8/9/2019 Mini Curso Stencyl
64/70
Colocar 'tores
Se voc8 mover o mouse so6re a cena& voc8 vai erce6er 0ue Mam6segue o cursor. #lique o $oto esquer%o perto %o choara colo na cena.
Dica: Se voc8 segurar o 6ot-o Shift& voc8 ode tirar o ator ara umgrade.
Colocar 'tores
8/9/2019 Mini Curso Stencyl
65/70
Colocar 'tores
BE 'gora& selecione Pronger e colo0ue um ouco dele na cena tam6Sua cena +nal oderia ser algo como isto@
'dicionando Gravidade
8/9/2019 Mini Curso Stencyl
66/70
'dicionando Gravidade
Pressione o 6ot-o de F#sica entre os eventos e os 6ot;es de fundo& arte suerior da tela& e na gravidade 7ertical se,-o& digite T
8/9/2019 Mini Curso Stencyl
67/70
es a do seu jogo C as Cou
Parte =