{"id":212,"date":"2010-05-31T09:51:05","date_gmt":"2010-05-31T12:51:05","guid":{"rendered":"http:\/\/www.estudio.gunga.com.br\/?p=212"},"modified":"2013-07-05T14:26:35","modified_gmt":"2013-07-05T17:26:35","slug":"introducao-pygame-pt-1","status":"publish","type":"post","link":"https:\/\/www.estudio.gunga.com.br\/introducao-pygame-pt-1\/","title":{"rendered":"Introdu\u00e7\u00e3o: Pygame (pt. 1)"},"content":{"rendered":"<h3><a href=\"http:\/\/www.pygame.org\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone\" style=\"border: 0pt none;\" title=\"pygame logo\" src=\"http:\/\/atelier-labs.org\/tutorialPYGAME\/pygame_tiny.png\" alt=\"\" width=\"200\" height=\"60\" \/><\/a><\/h3>\n<p>Este tutorial foi feito com <a href=\"http:\/\/esporos.naxanta.org\/\" target=\"_blank\">juh<\/a> durante nosso grupo de estudos <a href=\"http:\/\/python.org\" target=\"_blank\">python<\/a>. <a href=\"http:\/\/www.pygame.org\" target=\"_blank\">Pygame<\/a> serve como interface da biblioteca <a href=\"http:\/\/pt.wikipedia.org\/wiki\/SDL_%28biblioteca%29\">SDL.<\/a><\/p>\n<h3>Desenhando um rect\u00e2ngulo com &#8220;pygame.Surface&#8221;<\/h3>\n<h3>Passo 1<\/h3>\n<p>Abra um editor de texto e digite:<\/p>\n<p>[code lang=&#8221;python&#8221;]<br \/>\nimport pygame<br \/>\nimport os, sys<br \/>\nfrom pygame.constants import *<br \/>\n[\/code]<\/p>\n<p>Isso importar\u00e1 as bibliotecas pygame, os, e sys para utilizar no nosso programa.<\/p>\n<h3>Passo 2<\/h3>\n<p>Agora vamos criar a nossa tela onde o jogo vai acontecer. Para isso a gente vai criar uma vari\u00e1vel que chamamos de &#8220;tela&#8221; e vamos dar para ela um tamanho de 300 x 200:<\/p>\n<p>[code lang=&#8221;python&#8221;]<br \/>\ntela = pygame.display.set_mode((300, 200))<br \/>\n[\/code]<\/p>\n<p><strong> <\/strong>E tamb\u00e9m vamos dar uma cor de fundo em RGB com o par\u00e2metro &#8220;fill&#8221;. N\u00f3s escolhemos para a cor de fundo a cor branco.<\/p>\n<p>[code lang=&#8221;python&#8221;]<br \/>\ntela.fill((255, 255, 255))<br \/>\n[\/code]<\/p>\n<h3>Passo 3<\/h3>\n<p>Vamos criar um rect\u00e2ngulo e colorir ele de vermelho. Para isso a gente chama nosso rect\u00e2ngulo de &#8220;rect1&#8221; e criamos ele com as medidas de 50 de largura e 100 de altura. O modelo para esta linha de c\u00f3digo seria:<\/p>\n<p><strong>nome = pygame.Surface((largura, altura))<\/strong><\/p>\n<p>no nosso caso seria assim:<\/p>\n<p>[code lang=&#8221;python&#8221;]<br \/>\nrect1 = pygame.Surface((50, 100))<br \/>\n[\/code]<\/p>\n<p><strong> <\/strong>E para colorir ele de vermelho a gente usa este modelo de c\u00f3digo:<\/p>\n<p><strong>nome.fill((vermelho, verde, azul))<\/strong><\/p>\n<p><strong> <\/strong>Que no nosso programa seria:<\/p>\n<p>[code lang=&#8221;python&#8221;]<br \/>\nrect1.fill((255, 0, 0))<br \/>\n[\/code]<\/p>\n<h3>Passo 4<\/h3>\n<p>A gente j\u00e1 desenho um rect\u00e2ngulo mas falta ainda um passo para ele aparecer na tela. a gente precisa juntar nosso rect\u00e2ngulo &#8220;rect1&#8221; no fundo &#8220;tela&#8221; com o par\u00e2metro &#8220;blit&#8221;:<\/p>\n<p><strong>fundo.blit(objeto, (posi\u00e7\u00e3o x, posi\u00e7\u00e3o y))<\/strong><\/p>\n<p><strong> <\/strong>que no nosso caso seria assim:<\/p>\n<p>[code lang=&#8221;python&#8221;]<br \/>\ntela.blit(rect1, (125, 50))<br \/>\n[\/code]<\/p>\n<h3>Passo 5<\/h3>\n<p>E finalmente colocamos esta linha para que apare\u00e7a tudo.\u00a0<strong>pygame.display.update()<\/strong><\/p>\n<p>O c\u00f3digo final deve parecer algo assim:<\/p>\n<p>[code lang=&#8221;python&#8221;]<br \/>\nimport pygame<br \/>\nimport os, sys<br \/>\nfrom pygame.constants import *<\/p>\n<p>tela = pygame.display.set_mode((300, 200))<br \/>\ntela.fill((255, 255, 255))<\/p>\n<p>rect1 = pygame.Surface((50, 100))<br \/>\nrect1.fill((255, 0, 0))<\/p>\n<p>tela.blit(rect1, (125, 50))<\/p>\n<p>pygame.display.update()<br \/>\n[\/code]<\/p>\n<p><strong> <\/strong>E o resultado \u00e9:<\/p>\n<p><strong> <\/strong><\/p>\n<div style=\"width: 314px\" class=\"wp-caption alignnone\"><strong><strong><img loading=\"lazy\" decoding=\"async\" title=\"pygame rect\" src=\"http:\/\/atelier-labs.org\/tutorialPYGAME\/quad1.png\" alt=\"pygame rect\" width=\"304\" height=\"223\" \/><\/strong><\/strong><p class=\"wp-caption-text\">pygame rect<\/p><\/div>\n<p><strong> <\/strong><\/p>\n<p><img decoding=\"async\" src=\".\/circ.png\" alt=\"\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Este tutorial foi feito com juh durante nosso grupo de estudos python. Pygame serve como interface da biblioteca SDL. Desenhando um rect\u00e2ngulo com &#8220;pygame.Surface&#8221; Passo 1 Abra um editor de texto e digite: [code lang=&#8221;python&#8221;] import pygame import os, sys from pygame.constants import * [\/code] Isso importar\u00e1 as bibliotecas pygame, os, e sys para utilizar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[58],"tags":[34,33,16],"_links":{"self":[{"href":"https:\/\/www.estudio.gunga.com.br\/wp-json\/wp\/v2\/posts\/212"}],"collection":[{"href":"https:\/\/www.estudio.gunga.com.br\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.estudio.gunga.com.br\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.estudio.gunga.com.br\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.estudio.gunga.com.br\/wp-json\/wp\/v2\/comments?post=212"}],"version-history":[{"count":8,"href":"https:\/\/www.estudio.gunga.com.br\/wp-json\/wp\/v2\/posts\/212\/revisions"}],"predecessor-version":[{"id":1094,"href":"https:\/\/www.estudio.gunga.com.br\/wp-json\/wp\/v2\/posts\/212\/revisions\/1094"}],"wp:attachment":[{"href":"https:\/\/www.estudio.gunga.com.br\/wp-json\/wp\/v2\/media?parent=212"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.estudio.gunga.com.br\/wp-json\/wp\/v2\/categories?post=212"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.estudio.gunga.com.br\/wp-json\/wp\/v2\/tags?post=212"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}