{"id":4101,"date":"2019-11-03T07:31:59","date_gmt":"2019-11-03T06:31:59","guid":{"rendered":"https:\/\/pythonprogramming.altervista.org\/?p=4101"},"modified":"2020-07-09T17:54:32","modified_gmt":"2020-07-09T15:54:32","slug":"pong-v-1-0-pygame-example","status":"publish","type":"post","link":"https:\/\/pythonprogramming.altervista.org\/pong-v-1-0-pygame-example\/","title":{"rendered":"Pong v. 1.0 – Pygame example"},"content":{"rendered":"

Pong 2.0<\/h2>\n

The new version of Pong now uses classes, instead of functions only and has a new way to update the page.<\/p>\n

You will find the old code below. In this version both the bars are controlled by the mouse.<\/p>\n

The github repository<\/a> for pong.<\/p>\n

This code is done after ArkaPyGame<\/a> that is also a github repo<\/a> and on itch.<\/p>\n

# pong!\r\nimport pygame, sys\r\nfrom pygame import gfxdraw\r\n\r\nBLACK = (0, 0, 0)\r\nRED = (255, 0, 0)\r\nGREEN = (0, 255, 0)\r\n\r\nscorep1 = 0\r\nscorep2 = 0\r\n\r\nclock = pygame.time.Clock()\r\nscreen = pygame.display.set_mode((500, 500))\r\n\r\npygame.init()\r\n\r\nclass Bar(pygame.sprite.Sprite):\r\n    \"This is the bar class\"\r\n\r\n    def __init__(self, x, y, w=10, h=60):\r\n        super().__init__()\r\n        self.x = x\r\n        self.y = y\r\n        self.w = w\r\n        self.h = h\r\n        self.rect = pygame.Rect(self.x, self.y, self.w, self.h)\r\n\r\n    def update(self):\r\n        self.y = pygame.mouse.get_pos()[1]\r\n        self.rect = pygame.Rect(self.x, self.y, self.w, self.h)\r\n        pygame.draw.rect(screen, RED, self.rect)\r\n\r\n\r\nbar1 = Bar(0, 0)\r\nbar2 = Bar(490, 0)\r\nclass Ball:\r\n    \"Draw the ball\"\r\n\r\n    def __init__(self, x, y):\r\n        self.dirh = 0\r\n        self.dirv = 0\r\n        self.speed = 5\r\n        self.x = x\r\n        self.y = y\r\n        # self.rect = pygame.Rect(self.x, self.y, 10, 10)\r\n\r\n    def update(self):\r\n        \r\n        if self.dirh == 0:\r\n            self.x -= self.speed\r\n        if self.dirv == 0:\r\n            self.y += self.speed\r\n            if self.y > 490:\r\n                self.dirv = 1\r\n        if self.dirv:\r\n            self.y -= self.speed\r\n            if self.y < self.speed:\r\n                self.dirv = 0\r\n        if self.dirh:\r\n            self.x += self.speed\r\n        gfxdraw.filled_circle(screen, self.x, self.y, 5, (0, 255, 0))\r\n        self.rect = pygame.Rect(self.x, self.y, 10, 10)\r\n\r\nball = Ball(480, 20)\r\n\r\n\r\n\r\ndef collision():\r\n    global scorep1, scorep2\r\n\r\n    pygame.display.set_caption(\r\n        f\"Player 1: {scorep1} - Player 2: {scorep2}\")\r\n\r\n    if ball.rect.colliderect(bar2):\r\n        ball.dirh = 0  \r\n    if ball.rect.colliderect(bar1):\r\n        ball.dirh = 1\r\n    if ball.x > 500:\r\n        ball.x, ball.y = 10, 20\r\n    if ball.x < 0:\r\n        gfxdraw.filled_circle(screen, ball.x, ball.y, 5, (0, 0, 0))\r\n        ball.x, ball.y = 480, 20\r\n\r\n\r\npygame.mouse.set_visible(False)\r\npygame.event.set_grab(True)\r\nloop = 1\r\nwhile loop:\r\n    keys = pygame.key.get_pressed()\r\n    for event in pygame.event.get():\r\n        if event.type == pygame.QUIT:\r\n            loop = 0\r\n        if event.type == pygame.KEYDOWN:\r\n            if event.key == pygame.K_ESCAPE:\r\n                loop = 0\r\n    gfxdraw.filled_circle(screen, ball.x, ball.y, 5, (0, 0, 0))\r\n    ball.update()\r\n    pygame.draw.rect(screen, BLACK, bar1.rect)\r\n    bar1.update()\r\n    pygame.draw.rect(screen, BLACK, bar2.rect)\r\n    bar2.update()\r\n    collision()\r\n    pygame.display.update()\r\n    # screen.fill((0, 0, 0))\r\n    clock.tick(60)\r\n\r\npygame.quit()\r\nsys.exit()<\/pre>\n
 <\/p>\n
Pong game has been updated to v. 1.0 with the players to be controlled via keyboard and mouse.<\/p>\n
Go here to see the previous post with this code from skratch<\/a>.<\/p>\n
The code is here:<\/p>\n
# pong!\r\nimport pygame, sys\r\n\r\n\r\nBLACK = (0, 0, 0)\r\nRED = (255, 0, 0)\r\nGREEN = (0, 255, 0)\r\n# Coordinates p1, p2\r\nx1 = (490)\r\ny1 = 250\r\nx2 = (0)\r\ny2 = 250\r\n# coordinates of the ball\r\nxb = 500\r\nyb = 300\r\nspeedball = 5\r\n# horisontal and vertical direction of the ball\r\ndbo = 0 # left\r\ndbv = 0 # down\r\n# Score of player 1 and 2\r\nscorep1 = 0\r\nscorep2 = 0\r\n\r\nclock = pygame.time.Clock()\r\nscreen = pygame.display.set_mode((500, 500))\r\npygame.display.set_caption(\"My game\" + \"Score player 1: \" + str(scorep1) + \" - Score player 2: \" + str(scorep2))\r\n\r\npygame.init()\r\n\r\ndef ball():\r\n\t\"Draw the ball\"\r\n\tglobal xb, yb\r\n\tpygame.draw.ellipse(screen, GREEN, (xb, yb, 10, 10))\r\n\r\ndef sprite1(y): # x and y are the mouse position\r\n\t\"Draw Player 1\"\r\n\tpygame.draw.rect(screen, RED, (x1, y, 10, 50))\r\n\r\ndef sprite2(y):\r\n\t\"Draw Player 2\"\r\n\tpygame.draw.rect(screen, GREEN, (x2, y, 10, 50))\r\n\r\ndef move_ball(x,y):\r\n\t\"The ball moves\"\r\n\tglobal xb, yb, dbo, dbv, speedball\r\n\tif dbo == 0:\r\n\t\txb -= speedball\r\n\tif dbv == 0:\r\n\t\tyb += speedball\r\n\t\tif yb > 490:\r\n\t\t\tdbv = 1\r\n\tif dbv:\r\n\t\tyb -= speedball\r\n\t\tif yb < speedball:\r\n\t\t\tdbv = 0\r\n\tif dbo:\r\n\t\txb += speedball\r\n\t\r\ndef collision():\r\n\tglobal x1, y1 # the player 1 x and y (on the right)\r\n\tglobal x2, y2 # the player 2 x and y (on the left)\r\n\tglobal xb, yb # the ball x and y\r\n\tglobal x, y\r\n\tglobal dbo\r\n\tglobal scorep1, scorep2\r\n\t\r\n\tdef restart():\r\n\t\tglobal xb, yb, scorep1, scorep2\r\n\t\tglobal x, y\r\n\t\tscorep2 += 10\r\n\t\tpygame.display.set_caption(\"My game\" + \"Score player 1: \" + str(scorep1) + \" - Score player 2: \" + str(scorep2))\r\n\t\r\n\tif dbo:\r\n\t\tif xb > 480:\r\n\t\t\tif yb >= y and  yb < y + 50:\r\n\t\t\t\tdbo = 0\t\t\r\n\t\t\telse:\r\n\t\t\t\txb, yb = 10, 20\r\n\t\t\t\tpygame.display.update()\r\n\t\t\t\tpygame.time.delay(500)\r\n\t\t\t\trestart()\r\n\telse:\r\n\t\tif xb < 10:\r\n\t\t\tif yb >= y2 and  yb < y2 + 50:\r\n\t\t\t\tdbo = 1\r\n\t\t\telse:\r\n\t\t\t\txb, yb = 480, 20\r\n\t\t\t\tpygame.display.update()\r\n\t\t\t\tpygame.time.delay(500)\r\n\t\t\t\trestart()\r\n\r\ndef move2():\r\n\tglobal y2\r\n\tif y2 <= 450:\r\n\t\tif keys[pygame.K_z]:\r\n\t\t\ty2 += 20\r\n\tif y2 > 0:\r\n\t\tif keys[pygame.K_a]:\r\n\t\t\ty2 -= 20\r\n\r\npygame.mouse.set_visible(False)\r\nloop = 1\r\nwhile loop:\r\n\tkeys = pygame.key.get_pressed()\r\n\tfor event in pygame.event.get():\r\n\t\tif event.type == pygame.QUIT:\r\n\t\t\tloop = 0\r\n\tx, y = pygame.mouse.get_pos()\r\n\t# move1()\r\n\tmove2()\r\n\tmove_ball(xb, yb)\r\n\tball()\r\n\tsprite1(y)\r\n\tsprite2(y2)\r\n\tcollision()\r\n\tpygame.display.update()\r\n\tscreen.fill((0, 0, 0))\r\n\tclock.tick(60)\r\n\r\npygame.quit()\r\nsys.exit()<\/pre>\n
The changes<\/h2>\n
The changes are in the fact that now the player one is controlled by the mouse<\/p>\n
Mouse coordinates<\/h2>\n
We get the coordinates of the mouse here:<\/p>\n
x, y = pygame.mouse.get_pos()<\/pre>\n
This is in the while loop.<\/p>\n
Then we send the coordinates to the sprite1 function that draws the bar on the screen. We just need the y coordinate, as the bar need to go up and down.<\/p>\n
\tsprite1(y)<\/pre>\n
So, in sprite1 function, now, we just have to pass y and x1 is a global value that stays fixed.<\/p>\n
def sprite1(y): # x and y are the mouse position\r\n\t\"Draw Player 1\"\r\n\tpygame.draw.rect(screen, RED, (x1, y, 10, 50))<\/pre>\n
Set the mouse invisible<\/h2>\n
To hide the mouse, before the while loop, we put this line of code<\/p>\n
pygame.mouse.set_visible(False)<\/pre>\n
The video of the mouse controlled bar code<\/h2>\n
In this video I am trying to add the movement of the mouse to the game, having some issues to make the ball to restart when it went out of the right part of the screen. At the end the only problem is to make the ball bouce in a more interesting way, otherwise the ball is just bouncing in the same clockwise path.<\/p>\n