Czytaj

arrow pointing down

Jak szybko stworzyć prostą grę przy pomocy AI? Claude Sonnet 3.5

Dowiedz się, jak zaprogramować prostą grę za pomocą AI, używając modelu Claude 3.5. Obejrzyj instrukcje i pobierz gotowy projekt!

Na tej stronie wykorzystujemy grafiki wygenerowane przy pomocy sztucznej inteligencji.

Ten wpis to transkrypcja zapisu filmu, który opublikowaliśmy na naszym kanale Beyond AI. Odwiedź go po więcej tego typu treści!

Obejrzyj ten materiał na YouTube:

Jak zaprogramować i uruchomić prostą grę z pomocą AI?

Dzisiaj będzie bardzo prosto. Bierzemy po prostu Claude, który ma model Sonnet 3.5, i wpisujemy mu prompt:

„Zaprogramuj prostą grę i uruchom. Użyj bibliotek, jakich chcesz”

Zobaczymy, co nam zrobi. No i zrobił nam taką grę, której nie uruchomił, więc poprosimy go, żeby uruchomił ją w artefakcie.

Okej, stworzył nam grę, w której poruszamy się jakimś kwadratem. Jeszcze nie wiem dokładnie, o co chodzi, ale coś tu się dzieje, coś tu się rusza. Czy jak czerwony spadnie na mnie, to przegrywam? Nie, nic takiego się nie dzieje.

Pierwsze poprawki po pierwszym uruchomieniu

Okej, jest to gra, w której poruszamy się kwadratem, i spadają nam jakieś czerwone rzeczy z nieba. Oczywiście, jeśli chcielibyśmy, to możemy ją jeszcze poprawić. Spróbujmy to zrobić.

Zrób tak, żeby czerwone kwadraty po zetknięciu z czarnym kończyły grę.

Zobaczymy, co się tym razem stanie: Game over, przegraliśmy. Świetnie!

Zrób grę w zgadywanie liczby, użyj React

Jak widzimy, żeby zrobić prostą grę w Claude, wystarczy dosłownie minutka i mamy to wszystko gotowe. Tym bardziej że on sam ją wymyślił, nic mu nie mówiliśmy, jak ona ma wyglądać itd.

Co ciekawe, za każdym razem poprzednio wymyśla grę w zgadywanie liczby. Zróbmy więc i taką.

Mamy gotową grę w zgadywanie liczby. Możemy tutaj wpisać liczbę i zgadujemy od 1 do 100. Zgadłem w siedmiu próbach. Claude od razu dodał dodatkowe funkcje, które nam mówią o tym, w ilu próbach udało nam się zgadnąć liczbę.

Tworzymy własną grę 2048

Bardzo popularna była kiedyś gierka 2048, więc możemy go poprosić: „Stwórz grę 2048.” I poprosimy, żeby była ta gra w kolorach fioletowych i niebieskich, bo to nam pasuje do kanału. Zobaczymy, ile czasu mu to zajmie.

Okej, mamy już gotową gierkę. Są barwy fioletowe i barwy niebieskie. Natomiast jeśli chodzi o jej działanie, to jest tak średnio. Coś tu się dzieje, steruje się strzałkami, ale chyba jeszcze nie jest dokładnie tak, jak powinno być. Poproszę go o naprawienie tego, czyli mówię:

„Napraw proszę grę, kafelki nie przesuwają się po kliknięciu strzałek. Sprawdź, jakie są dokładnie zasady gry.”

Zobaczymy, co teraz zrobi.

Okej, mamy kolejną wersję gry i możemy sobie sprawdzić, czy tym razem będzie działać. Rzeczywiście, kafelki przesuwają się tak jak w oryginalnej wersji gry i możemy sobie nimi sterować.

Świetnie, proszę bardzo! Także widzicie, jakie to jest mega proste. Nie trzeba mieć żadnej wiedzy na temat programowania, po prostu piszecie „Stwórz grę, uruchom grę”.

Widzimy, to się nazywa artefakt w kodzie i możemy go poprosić o uruchomienie tej rzeczy w artefakcie. Możemy też poprosić o taką wersję, żeby można było sobie pobrać ten plik i uruchomić jako HTML, po prostu w przeglądarce, ewentualnie komuś jeszcze to wysłać.

Postanowiłem udostępnić wam ten projekcik – klik i jeszcze troszeczkę go zmodyfikować. Możecie go przetestować, kliknąć, zobaczyć, jak działa oraz jeszcze zremiksować ten artefakt, czyli kliknąć tutaj i dalej z niego korzystać, robić kolejne jego interakcje.

Dzięki bardzo za obecność, do zobaczenia na Beyond AI!

Czy wiesz, że... ...subskrybenci Beyond AI są o 50% bardziej odporni na zagubienie się w rozmowach o AI? Bądź tym, który wie, o co chodzi – kliknij "subskrybuj" na naszym kanale

FAQ

1. Czy potrzebuję zaawansowanej wiedzy programistycznej, aby stworzyć grę za pomocą AI?

Nie, dzięki narzędziom takim jak Claude z modelem Sonnet 3.5, wystarczy prosty prompt, aby stworzyć i uruchomić prostą grę. Cały proces może trwać zaledwie kilka minut.

2. Jak mogę uruchomić grę stworzoną przez Claude'a?

Możesz poprosić Claude'a o uruchomienie gry w artefakcie, a także o przygotowanie wersji, którą można pobrać i uruchomić w przeglądarce jako plik HTML.

3. Czy mogę modyfikować grę po jej stworzeniu przez Claude'a?

Tak, możesz wprowadzać poprawki i modyfikacje do gry, na przykład zmieniając zasady gry lub wygląd interfejsu.

4. Czy mogę udostępniać stworzone gry innym osobom?

Tak, po stworzeniu gry możesz ją udostępnić innym, pozwalając im na jej uruchomienie w przeglądarce lub dalsze modyfikowanie i rozwijanie projektu.

Słowniczek

  • Claude – model językowy oparty na sztucznej inteligencji, zdolny do generowania tekstu oraz tworzenia prostych programów, w tym gier
  • Prompt – tekstowy sygnał lub komenda wpisana do modelu AI, która instruuje go, co ma zrobić, na przykład stworzyć grę lub napisać fragment kodu
  • Artefakt – w kontekście programowania, wynik działania kodu lub programu, który może być uruchomiony, modyfikowany lub udostępniony innym
  • 2048 – popularna gra logiczna, w której celem jest przesuwanie kafelków po planszy w taki sposób, aby łączyły się one w pary, sumując swoje wartości do osiągnięcia liczby 2048
  • HTML – język znaczników używany do tworzenia stron internetowych. Gry stworzone w HTML można uruchomić bezpośrednio w przeglądarce internetowej.

Zobacz więcej!

Jeśli interesuje Cię, jak tworzyć gry i programy z wykorzystaniem sztucznej inteligencji, koniecznie odwiedź nasz kanał YouTube Beyond AI! Znajdziesz tam wiele inspirujących filmów oraz praktycznych porad, które pomogą Ci w pełni wykorzystać potencjał AI w codziennych projektach. Twój przewodnik po dynamicznym świecie AI czeka na Ciebie!

Odwiedź Beyond AI na YouTube

Kanał Beyond AI jest tworzony przez specjalistów z firmy WEBSENSA, która od 2011 roku dostarcza rozwiązania AI dla czołowych przedstawicieli różnych branż.

Inne wpisy z tej serii

AI w codziennej pracy – jak zrobić prezentację w kilka minut? Sprawdziliśmy!

Odkryj, jak AI może pomóc w tworzeniu prezentacji na ostatnią chwilę. Poznaj narzędzia, które mogą uratować Cię w pracy, i dowiedz się, jak z nich korzystać!

DJI NEO: rewolucja dzięki AI, zmienili sposób używania dronów!

Poznaj DJI Neo, najmniejszy i najtańszy dron od DJI, który dzięki zaawansowanej AI zmienia sposób korzystania z dronów. Odkryj jego możliwości na kanale Beyond AI!