Pygame online

Kurs Pygame

Napisz grę w pygame, naciśnij Graj i zagraj w przeglądarce na klawiaturze. Prawdziwy pygame-ce, nic do instalowania. Za darmo, bez rejestracji.

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()

Uruchom pygame online, prosto w przeglądarce

Pisz program w pygame po jednej stronie i graj po drugiej. Kliknij Graj, kliknij w grę i używaj strzałek, liter, spacji i myszy. Twoja pętla while running:, pygame.event.get() i clock.tick(60) działają dokładnie tak jak na twoim komputerze. Nic nie trzeba instalować i nie potrzebujesz konta.

Gra działa na pygame-ce 2.5.7, wersji społecznościowej pygame, z Pythonem 3.14 skompilowanym do WebAssembly. Działa w twojej przeglądarce, a nie na serwerze, więc chodzi tak długo, jak grasz. Kod, który tu piszesz, to zwykły pygame: skopiuj main.py na swój komputer, uruchom pip install pygame-ce, a gra zadziała tak samo.

Co sprawia, że ten playground pygame jest przydatny

Okno gry obok kodu. Kliknij Graj (albo Ctrl+Enter), a gra ruszy z liczbą klatek, o którą prosisz w clock.tick(), z konsolą pod spodem na każdy print i każdy błąd.
Prawdziwy pygame, a nie podróbka: Surface, draw, Rect i kolizje, font, transform, sprite, mask, key.get_pressed(), zdarzenia myszy i time.set_timer działają tak, jak opisuje to dokumentacja pygame.
Sześć przykładowych gier na start: ruchomy kwadrat, odbijająca się piłka, łapanie spadających klocków, Snake (wąż), Pong dla dwóch graczy i program do rysowania. Zmień liczbę, kliknij Graj i zobacz, co się stanie.
Działa w każdej nowoczesnej przeglądarce, więc sprawdzi się na Chromebooku, szkolnym laptopie czy tablecie. Na ekranie dotykowym nad grą pojawiają się strzałki i przycisk spacji.

Co możesz zbudować w playgroundzie pygame

Grę Snake: siatkę pól, ciało węża zapisane w liście, jedzenie w losowym miejscu i wynik rysowany przez font.render. Przyspieszaj węża, gdy rośnie, albo dodaj ściany.
Pong dla dwóch graczy na jednej klawiaturze, W i S przeciwko strzałkom: piłka odbijająca się dzięki kolizjom Rect i wynik na górze. Dodaj gracza sterowanego przez komputer albo przyspieszaj piłkę po każdym odbiciu.
Łap spadające klocki: pygame.time.set_timer zrzuca klocek co 0,7 sekundy, a paletka je łapie. Licz życia, dodaj klocek z bonusem albo przyspieszaj grę, gdy rośnie wynik.

Pygame online: najczęstsze pytania

Czy mogę uruchomić pygame online bez instalowania czegokolwiek?

Tak. Ta strona uruchamia pygame-ce w twojej przeglądarce z Pythonem skompilowanym do WebAssembly, więc nie ma nic do instalowania ani konta do zakładania. Pierwsze kliknięcie Graj pobiera Pythona i pygame jeden raz (około 7 MB); potem gra startuje od razu.

Czy to prawdziwy pygame?

To pygame-ce 2.5.7, aktywnie rozwijana wersja społecznościowa pygame, którą instalujesz poleceniem pip install pygame-ce i importujesz jako pygame. Twój kod nie wymaga zmian, żeby działać na twoim komputerze. Okno, zegar i klawiatura są podłączone do tej strony zamiast do okna na pulpicie, dlatego pygame.display.set_mode otwiera grę obok edytora.

Czy potrzebuję asyncio, jak w pygbag?

Nie. Pisz pętlę gry jak zwykle, z while running: i clock.tick(60) na końcu każdej klatki. Strona przy każdym tick oddaje na chwilę sterowanie przeglądarce, więc karta nigdy się nie zawiesza, a twoje klawisze trafiają do gry. Programy napisane dla pygbag z asyncio.run(main()) też działają.

Czego playground nie robi?

Nie ma plików do wczytania, więc pygame.image.load i pygame.mixer.Sound nie mają czego otworzyć: rysuj kształtami i tekstem. Nie ma dźwięku, każda czcionka to wbudowana czcionka pygame, jest jedno okno o rozmiarze do 1280 na 960 pikseli, nie ma joysticków ani sieci. input() nie ma klawiatury, z której mógłby czytać; używaj zdarzeń pygame.

Czy to jest darmowe i czy mój kod się zapisuje?

Jest darmowe i nie wymaga konta. Twoje zmiany w każdej przykładowej grze zostają w tej przeglądarce, więc możesz zamknąć kartę i wrócić. Resetuj przywraca bieżącą grę do stanu początkowego, a przycisk pobierania zapisuje main.py na twoim komputerze.

Jak nauczyć się robić gry w pygame?

Zacznij od przykładów tutaj: zmień liczbę, kliknij Graj i zobacz, co się stanie. Gdy zechcesz uczyć się po kolei, najpierw poznaj Pythona na kursie Pythona od Coddy, a potem buduj gry krok po kroku: poruszający się gracz, kolizje, wynik, ekran końca gry.

Przydatne narzędzia do Pygame

Darmowe narzędzia w przeglądarce, które świetnie działają razem z edytorem Pygame online. Wszystkie w Coddy.

Osadź edytor Pygame Porównaj platformy do nauki programowania