Pygame en ligne

Apprendre Pygame

Écris un jeu avec pygame, appuie sur Jouer et joue dans ton navigateur au clavier. Le vrai pygame-ce, rien à installer. Gratuit, sans inscription.

main.py

import pygame

pygame.init()
screen = pygame.display.set_mode((480, 360))
pygame.display.set_caption("Move the square")
clock = pygame.time.Clock()
font = pygame.font.Font(None, 28)

x, y = 220, 160
speed = 4
running = True
while running:
    for event in pygame.event.get():
        if event.type == pygame.QUIT:
            running = False

    keys = pygame.key.get_pressed()
    if keys[pygame.K_LEFT]:
        x -= speed
    if keys[pygame.K_RIGHT]:
        x += speed
    if keys[pygame.K_UP]:
        y -= speed
    if keys[pygame.K_DOWN]:
        y += speed
    x = max(0, min(x, 480 - 40))
    y = max(0, min(y, 360 - 40))

    screen.fill((24, 28, 40))
    pygame.draw.rect(screen, (255, 196, 0), (x, y, 40, 40))
    label = font.render("Use the arrow keys", True, (230, 230, 230))
    screen.blit(label, (10, 10))
    pygame.display.flip()
    clock.tick(60)

pygame.quit()

Lancez pygame en ligne, directement dans votre navigateur

Écrivez un programme pygame d'un côté et jouez-y de l'autre. Cliquez sur Jouer, cliquez dans le jeu et utilisez les flèches, les lettres, Espace et la souris. Votre boucle while running:, pygame.event.get() et clock.tick(60) tournent exactement comme sur votre ordinateur. Rien à installer et aucun compte nécessaire.

Le jeu tourne sur pygame-ce 2.5.7, l'édition communautaire de pygame, avec Python 3.14 compilé en WebAssembly. Il s'exécute dans votre navigateur et non sur un serveur, donc il continue tant que vous jouez. Le code écrit ici est du pygame ordinaire : copiez main.py sur votre ordinateur, lancez pip install pygame-ce, et le jeu fonctionne de la même façon.

Ce qui rend ce playground pygame utile

Une fenêtre de jeu à côté du code. Cliquez sur Jouer (ou Ctrl+Enter) et votre jeu tourne à la fréquence d'images demandée à clock.tick(), avec une console en dessous pour chaque print et chaque erreur.
Le vrai pygame, pas une imitation : Surface, draw, Rect et les collisions, font, transform, sprite, mask, key.get_pressed(), les événements de la souris et time.set_timer se comportent comme le décrit la documentation de pygame.
Six jeux d'exemple pour commencer : déplacer un carré, une balle qui rebondit, attraper les blocs qui tombent, Snake, Pong à deux joueurs et un programme de dessin. Changez un nombre, cliquez sur Jouer et regardez ce qui se passe.
Fonctionne dans tout navigateur récent : sur un Chromebook, un portable de l'école ou une tablette. Sur un écran tactile, des flèches et un bouton Espace apparaissent par-dessus le jeu.

Ce que vous pouvez créer dans le playground pygame

Un jeu Snake : une grille de cases, un corps stocké dans une liste, de la nourriture à un endroit au hasard et un score affiché avec font.render. Accélérez le serpent quand il grandit, ou ajoutez des murs.
Pong à deux joueurs sur un seul clavier, W et S contre les flèches : une balle qui rebondit grâce aux collisions de Rect et un score en haut. Ajoutez un joueur contrôlé par l'ordinateur, ou accélérez la balle à chaque coup.
Attrapez les blocs qui tombent : pygame.time.set_timer lâche un bloc toutes les 0,7 seconde et une raquette les attrape. Comptez les vies, ajoutez un bloc bonus ou accélérez quand le score grimpe.

FAQ pygame en ligne

Peut-on lancer pygame en ligne sans rien installer ?

Oui. Cette page fait tourner pygame-ce dans votre navigateur avec Python compilé en WebAssembly : rien à installer, aucun compte à créer. Le premier clic sur Jouer télécharge Python et pygame une seule fois (environ 7 Mo) ; ensuite, un jeu démarre tout de suite.

Est-ce le vrai pygame ?

C'est pygame-ce 2.5.7, l'édition communautaire de pygame activement maintenue, que vous installez avec pip install pygame-ce et importez sous le nom pygame. Votre code n'a besoin d'aucune modification pour tourner sur votre ordinateur. La fenêtre, l'horloge et le clavier sont reliés à cette page plutôt qu'à une fenêtre de bureau, c'est pourquoi pygame.display.set_mode ouvre le jeu à côté de l'éditeur.

Faut-il asyncio, comme avec pygbag ?

Non. Écrivez la boucle de jeu comme d'habitude, avec while running: et clock.tick(60) à la fin de chaque image. La page laisse la main au navigateur à chaque tick, donc l'onglet ne se fige jamais et vos touches arrivent au jeu. Les programmes écrits pour pygbag avec asyncio.run(main()) tournent aussi.

Que ne fait pas le playground ?

Il n'y a pas de fichiers à charger, donc pygame.image.load et pygame.mixer.Sound n'ont rien à ouvrir : dessinez plutôt avec des formes et du texte. Le son est muet, toutes les polices sont la police intégrée de pygame, il y a une seule fenêtre de 1280 sur 960 pixels au maximum, et il n'y a ni manettes ni réseau. input() n'a pas de clavier où lire ; utilisez les événements de pygame.

Est-ce gratuit, et mon code est-il enregistré ?

C'est gratuit et sans compte. Vos modifications de chaque jeu d'exemple sont gardées dans ce navigateur, vous pouvez donc fermer l'onglet et revenir. Réinitialiser remet le jeu en cours dans son état de départ, et le bouton de téléchargement enregistre main.py sur votre ordinateur.

Comment apprendre à créer des jeux avec pygame ?

Commencez par les exemples d'ici : changez un nombre, cliquez sur Jouer et regardez ce qui se passe. Quand vous voulez un parcours, apprenez d'abord Python avec le cours Python de Coddy, puis construisez vos jeux une fonction à la fois : un joueur qui bouge, des collisions, un score, un écran de fin de partie.

Outils utiles pour Pygame

Outils gratuits dans le navigateur qui s'associent bien avec le Playground Pygame, et qui font tous partie de Coddy.

Intégrer l'éditeur Pygame Comparer les plateformes de code