{"id":84307,"date":"2021-03-22T00:56:02","date_gmt":"2021-03-22T03:56:02","guid":{"rendered":"http:\/\/54.90.224.147\/?p=84307"},"modified":"2025-04-18T21:23:52","modified_gmt":"2025-04-18T20:23:52","slug":"como-criar-um-jogo-de-plataforma-2d-com-construct","status":"publish","type":"post","link":"https:\/\/blog.juandesouza.com\/br\/tech\/como-criar-um-jogo-de-plataforma-2d-com-construct\/","title":{"rendered":"Como criar um jogo de plataforma 2D com Construct"},"content":{"rendered":"<p>Criar um jogo de plataforma 2D pode parecer assustador, mas acredite, com as ferramentas certas, \u00e9 uma experi\u00eancia superdivertida e gratificante. Hoje, vamos nos aprofundar em como voc\u00ea pode criar um <strong>Jogo de plataforma 2D<\/strong> usando <strong>Construir<\/strong>, uma ferramenta fant\u00e1stica de desenvolvimento de jogos que \u00e9 f\u00e1cil de usar para iniciantes, mas poderosa o suficiente para criar jogos profissionais.<\/p>\n<p>J\u00e1 trabalhei com o Construct antes e uma das coisas que adoro nele \u00e9 como <strong>intuitivo<\/strong> e <strong>f\u00e1cil de usar<\/strong> Sim, \u00e9. Sem experi\u00eancia em programa\u00e7\u00e3o? Sem problemas! O Construct utiliza um sistema de script visual de arrastar e soltar, para que voc\u00ea possa se concentrar em dar vida \u00e0s suas ideias sem precisar se preocupar com programa\u00e7\u00e3o complexa.<\/p><div id=\"juand-392552695\" class=\"juand-content juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<p>Vamos come\u00e7ar e eu o guiarei em cada etapa da cria\u00e7\u00e3o do seu pr\u00f3prio <strong>Jogo de plataforma 2D<\/strong> jogo, completo com <strong>movimento do jogador<\/strong>, <strong>plataformas<\/strong>, e <strong>obst\u00e1culos<\/strong>. Ao final deste guia, voc\u00ea ter\u00e1 um jogo de plataforma simples, por\u00e9m funcional, que poder\u00e1 desenvolver e personalizar como quiser.<\/p>\n<h3>Etapa 1: Configurando seu projeto de constru\u00e7\u00e3o<\/h3>\n<p>O primeiro passo \u00e9 abrir-se <strong>Construir<\/strong>Se voc\u00ea ainda n\u00e3o baixou, acesse o site oficial do Construct e adquira a vers\u00e3o gratuita para come\u00e7ar a experimentar. Depois de fazer o download, clique em <strong>\u201cNovo Projeto\u201d<\/strong> para come\u00e7ar. Aqui, voc\u00ea pode dar um nome ao seu projeto e escolher um tamanho de layout. Recomendo algo como <strong>800\u00d7600<\/strong> para a resolu\u00e7\u00e3o do seu jogo; \u00e9 um tamanho bom e padr\u00e3o para um jogo de plataforma 2D.<\/p>\n<p>Depois que seu projeto estiver configurado, voc\u00ea ser\u00e1 direcionado para a interface principal do Construct, onde poder\u00e1 ver seu <strong>disposi\u00e7\u00e3o<\/strong> (a \u00e1rea onde o jogo acontece) e o <strong>folha de eventos<\/strong> (onde definiremos a l\u00f3gica do nosso jogo).<\/p>\n<h3>Etapa 2: Criando o personagem do jogador<\/h3>\n<p>Agora \u00e9 hora de dar vida ao seu personagem! Voc\u00ea pode usar o recurso integrado do Construct <strong>editor de sprites<\/strong>, ou voc\u00ea pode importar seus pr\u00f3prios gr\u00e1ficos de personagem. Para este guia, vamos manter as coisas simples e usar o recurso integrado do Construct <strong>&quot;Jogador&quot;<\/strong> sprite.<\/p><div id=\"juand-2837445060\" class=\"juand-content_2 juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<ul>\n<li>Clique com o bot\u00e3o direito no seu layout e selecione <strong>Inserir novo objeto<\/strong>.<\/li>\n<li>Escolher <strong>Sprite<\/strong> e clique <strong>Inserir<\/strong>.<\/li>\n<li>Voc\u00ea ser\u00e1 solicitado a importar ou desenhar seu personagem. Para simplificar, vamos usar um quadrado ou ret\u00e2ngulo por enquanto (voc\u00ea sempre pode alter\u00e1-lo depois!).<\/li>\n<\/ul>\n<p>Em seguida, precisamos adicionar <strong>movimento do jogador<\/strong>. \u00c9 aqui que a m\u00e1gica acontece!<\/p>\n<ol>\n<li>Clique no seu sprite (o personagem) para selecion\u00e1-lo.<\/li>\n<li>No <strong>Barra de Propriedades<\/strong>, clique em <strong>Comportamentos<\/strong> aba.<\/li>\n<li>Clique em <strong>Adicionar comportamento<\/strong>, ent\u00e3o escolha <strong>8 Dire\u00e7\u00e3o<\/strong>. Isso permitir\u00e1 que seu personagem se mova pela tela usando as setas do teclado.<\/li>\n<\/ol>\n<p>\u00c9 isso para os movimentos b\u00e1sicos! Agora voc\u00ea tem um personagem que pode se mover para a esquerda, direita, para cima e para baixo. Mas queremos torn\u00e1-lo um <strong>jogo de plataforma<\/strong>, ent\u00e3o precisamos adicionar gravidade e salto.<\/p>\n<h3>Etapa 3: Adicionando gravidade e pulando<\/h3>\n<p>Para fazer o personagem se sentir como se estivesse em um <strong>jogo de plataforma<\/strong>, precisamos simular a gravidade, que faz o personagem cair quando n\u00e3o est\u00e1 no ch\u00e3o, e adicionar a capacidade de <strong>pular<\/strong>.<\/p>\n<ol>\n<li>Selecione seu sprite de jogador novamente.<\/li>\n<li>No <strong>Comportamentos<\/strong> guia, clique <strong>Adicionar comportamento<\/strong> e selecione <strong>Plataforma<\/strong>. Isso automaticamente d\u00e1 ao seu sprite gravidade e capacidade de salto.<\/li>\n<li>Voc\u00ea pode ajustar o <strong>for\u00e7a do salto<\/strong> e <strong>gravidade<\/strong> nas propriedades de comportamento da plataforma para obter a sensa\u00e7\u00e3o desejada. Por exemplo, defina <strong>For\u00e7a do salto<\/strong> para 12 e <strong>Gravidade<\/strong> para 30 para come\u00e7ar.<\/li>\n<\/ol>\n<p>Agora seu personagem ir\u00e1 <strong>pular<\/strong> quando voc\u00ea aperta a seta para cima e cai naturalmente quando n\u00e3o est\u00e1 em solo firme. Mas precisamos de plataformas para seu personagem pular!<\/p>\n<h3>Etapa 4: Cria\u00e7\u00e3o de plataformas<\/h3>\n<p>Hora de construir seu mundo! Voc\u00ea pode criar plataformas facilmente para seu personagem pular.<\/p><div id=\"juand-2279637413\" class=\"juand-content_3 juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<ol>\n<li>Clique com o bot\u00e3o direito novamente no seu layout e selecione <strong>Inserir novo objeto<\/strong>.<\/li>\n<li>Escolher <strong>Sprite<\/strong> para criar um novo objeto para sua plataforma.<\/li>\n<li>Desenhe um ret\u00e2ngulo simples (ou importe uma imagem personalizada) para sua plataforma.<\/li>\n<li>Coloque essas plataformas onde voc\u00ea quiser que seu jogador possa andar e pular.<\/li>\n<\/ol>\n<p>Agora vamos garantir que as plataformas ajam como, bem, plataformas!<\/p>\n<ol>\n<li>Selecione seu objeto de plataforma.<\/li>\n<li>No <strong>Comportamentos<\/strong> guia, clique <strong>Adicionar comportamento<\/strong> e escolher <strong>S\u00f3lido<\/strong>. Isso informa ao jogo que a plataforma \u00e9 algo em que o jogador pode pousar.<\/li>\n<\/ol>\n<p>Agora, seu jogador poder\u00e1 pular e andar pelas plataformas.<\/p>\n<h3>Etapa 5: Adicionando obst\u00e1culos e desafios<\/h3>\n<p>Nenhum jogo de plataforma est\u00e1 completo sem <strong>obst\u00e1culos<\/strong>! Vamos adicionar algo para tornar seu jogo um pouco mais desafiador, como espinhos ou um inimigo.<\/p>\n<ol>\n<li>Crie um novo sprite para seu obst\u00e1culo (digamos, picos).<\/li>\n<li>Voc\u00ea pode adicionar um simples <strong>ret\u00e2ngulo<\/strong> ou mesmo uma imagem de espinhos.<\/li>\n<li>Coloque-os no layout, certificando-se de que estejam em locais onde o jogador possa esbarrar neles enquanto pula.<\/li>\n<\/ol>\n<p>Para tornar os picos mortais, precisamos criar um evento no <strong>Folha de Eventos<\/strong> para lidar com a colis\u00e3o.<\/p><div id=\"juand-2544055271\" class=\"juand-content_4 juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<ol>\n<li>Abra seu <strong>Folha de Eventos<\/strong> (onde a l\u00f3gica do jogo acontece).<\/li>\n<li>Adicione uma nova condi\u00e7\u00e3o: <strong>Sobre colis\u00e3o entre jogador e picos<\/strong>.<\/li>\n<li>Adicione uma a\u00e7\u00e3o a esta condi\u00e7\u00e3o: <strong>Jogador<\/strong> -&gt; <strong>Destruir<\/strong> (ou qualquer outra consequ\u00eancia, como redefinir a posi\u00e7\u00e3o do jogador para um ponto de verifica\u00e7\u00e3o ou perder uma vida).<\/li>\n<\/ol>\n<p>Agora, seu personagem jogador ir\u00e1 <strong>morrer<\/strong> quando tocam nos espinhos. Voc\u00ea pode facilmente ajustar o obst\u00e1culo para torn\u00e1-lo mais complexo ou adicionar inimigos e perigos diferentes.<\/p>\n<h3>Etapa 6: Pontua\u00e7\u00e3o e itens colecion\u00e1veis<\/h3>\n<p>Um recurso cl\u00e1ssico em jogos de plataforma \u00e9 coletar itens e marcar pontos. Vamos adicionar um item colecion\u00e1vel, como uma moeda, e exibir a pontua\u00e7\u00e3o.<\/p>\n<ol>\n<li>Crie um novo sprite para sua moeda. Coloque v\u00e1rias moedas no seu n\u00edvel.<\/li>\n<li>V\u00e1 para o seu <strong>Folha de Eventos<\/strong> e adicione uma nova condi\u00e7\u00e3o: <strong>Sobre colis\u00e3o entre jogador e moeda<\/strong>.<\/li>\n<li>Adicionar uma a\u00e7\u00e3o: <strong>Moeda<\/strong> -&gt; <strong>Destruir<\/strong>, e adicione uma a\u00e7\u00e3o para aumentar a pontua\u00e7\u00e3o: <strong>Adicionar \u00e0 pontua\u00e7\u00e3o da vari\u00e1vel global em 1<\/strong>.<\/li>\n<li>No seu layout, crie um <strong>Objeto de texto<\/strong> para exibir a pontua\u00e7\u00e3o. Vincule-o ao <strong>Pontua\u00e7\u00e3o Vari\u00e1vel Global<\/strong>.<\/li>\n<\/ol>\n<p>Agora, toda vez que o jogador toca em uma moeda, ela \u00e9 coletada e a pontua\u00e7\u00e3o aumenta.<\/p>\n<h3>Etapa 7: Teste e polimento<\/h3>\n<p>\u00c9 hora de testar seu jogo! Clique no <strong>Visualiza\u00e7\u00e3o<\/strong> no Construct para jogar e ver como \u00e9. Voc\u00ea pode notar alguns detalhes que precisam de ajustes, como:<\/p><div id=\"juand-2741569937\" class=\"juand-content_5 juand-entity-placement\"><script async src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-8944986240478060\"\r\n     crossorigin=\"anonymous\"><\/script>\r\n<ins class=\"adsbygoogle\"\r\n style=\"display:block; text-align:center;\"\r\n data-ad-layout=\"in-article\"\r\n data-ad-format=\"fluid\"\r\n data-ad-client=\"ca-pub-8944986240478060\"\r\n data-ad-slot=\"9601515663\"><\/ins>\r\n<script>\r\n     (adsbygoogle = window.adsbygoogle || []).push({});\r\n<\/script>\r\n<br\/><\/div>\n<ul>\n<li>O salto pode estar muito alto ou muito baixo - ajuste o <strong>for\u00e7a do salto<\/strong> no <strong>Comportamento da plataforma<\/strong>.<\/li>\n<li>A gravidade pode parecer muito forte - abaixe a <strong>gravidade<\/strong> contexto.<\/li>\n<li>Pode ser necess\u00e1rio mover plataformas ou obst\u00e1culos para melhorar a jogabilidade.<\/li>\n<\/ul>\n<p>Refine o design adicionando fundos, melhorando a apar\u00eancia do seu personagem ou at\u00e9 mesmo adicionando efeitos sonoros e m\u00fasica. Voc\u00ea pode importar m\u00fasicas e arquivos de som para tornar seu jogo de plataforma ainda mais imersivo.<\/p>\n<h3>Etapa 8: Exportando seu jogo<\/h3>\n<p>Quando estiver satisfeito com seu jogo, o Construct permite export\u00e1-lo para v\u00e1rias plataformas. Voc\u00ea pode exportar seu jogo como um <strong>HTML5<\/strong> arquivo para reproduzir em um navegador da web ou at\u00e9 mesmo como um aplicativo de desktop para Windows, Mac ou Linux. Tamb\u00e9m h\u00e1 op\u00e7\u00f5es para exportar para plataformas m\u00f3veis, como <strong>iOS<\/strong> e <strong>Andr\u00f3ide<\/strong> (observa\u00e7\u00e3o: isso pode exigir uma vers\u00e3o paga do Construct).<\/p>\n<p>Criar um jogo de plataforma 2D com o Construct \u00e9 um processo superdivertido e gratificante! Seja criando seu primeiro jogo ou adicionando mais complexidade a um j\u00e1 existente, a interface intuitiva de arrastar e soltar do Construct torna o desenvolvimento de jogos f\u00e1cil e acess\u00edvel. Agora voc\u00ea j\u00e1 conhece o b\u00e1sico: movimenta\u00e7\u00e3o do jogador, plataformas, obst\u00e1culos, pontua\u00e7\u00e3o e itens colecion\u00e1veis. A partir da\u00ed, voc\u00ea pode continuar a refinar e expandir seu jogo, adicionando mais recursos como power-ups, n\u00edveis e at\u00e9 inimigos.<\/p>\n<p>Espero que este guia tenha ajudado voc\u00ea a come\u00e7ar sua jornada para criar seu pr\u00f3prio jogo de plataforma 2D. Ent\u00e3o, v\u00e1 em frente e comece a criar, e quem sabe... talvez seu jogo seja o pr\u00f3ximo grande sucesso! Divirta-se e continue sempre experimentando novas ideias. Bom desenvolvimento de jogos!<\/p>\n<p>Foto por <a href=\"https:\/\/www.pexels.com\/photo\/white-xbox-controller-on-brown-wooden-surface-2106216\/\" target=\"_blank\" rel=\"noopener\">RAPOSA ^.\u11bd.^= \u222b<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Criar um jogo de plataforma 2D pode parecer assustador, mas acredite, com as ferramentas certas, \u00e9 uma experi\u00eancia superdivertida e gratificante. Hoje, vamos nos aprofundar em como criar um jogo de plataforma 2D usando o Construct, uma ferramenta fant\u00e1stica para desenvolvimento de jogos, f\u00e1cil de usar para iniciantes, mas poderosa o suficiente para criar jogos profissionais.<\/p>","protected":false},"author":1,"featured_media":98042,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1289,1290],"tags":[],"class_list":["post-84307","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech","category-tutorials"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/blog.juandesouza.com\/wp-content\/uploads\/2021\/03\/pexels-fox-58267-2106216-scaled.jpg?fit=2560%2C1695&ssl=1","jetpack_shortlink":"https:\/\/wp.me\/p8STS8-lVN","jetpack_sharing_enabled":true,"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/posts\/84307","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/comments?post=84307"}],"version-history":[{"count":2,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/posts\/84307\/revisions"}],"predecessor-version":[{"id":98043,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/posts\/84307\/revisions\/98043"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/media\/98042"}],"wp:attachment":[{"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/media?parent=84307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/categories?post=84307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.juandesouza.com\/br\/wp-json\/wp\/v2\/tags?post=84307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}