KI-Spiel auf P5 veröffentlichen

Kurzanleitung: p5.js-Code mit ChatGPT erstellen

1. Spielidee in ChatGPT schreiben

Kopiere diesen Text in ChatGPT:

Erstelle ein vollständiges p5.js-Spiel für den p5.js Web Editor.

Spielidee:
[Hier meine Spielidee einfügen]

Das Spiel soll haben:
* Startbildschirm
* Anleitung im Spiel
* Punkte
* steigende Schwierigkeit
* Game Over
* Neustart
* Touch- und Maussteuerung
* gutes Design
* Code in einer Datei
* vollständigen lauffähigen Code

Gib mir zuerst kurz den Plan.
Gib mir danach den vollständigen Code.

2. Code kopieren

Aktion	Windows / Chromebook	Mac
Alles markieren	Strg + A	Cmd + A
Kopieren	Strg + C	Cmd + C
Einfügen	Strg + V	Cmd + V
Rückgängig	Strg + Z	Cmd + Z
Speichern	Strg + S	Cmd + S
Suchen	Strg + F	Cmd + F

3. Code in p5.js einfügen

1. Öffne den p5.js Web Editor.
2. Klicke in die Datei sketch.js.
3. Drücke Strg + A.
4. Drücke Strg + V.
5. Klicke auf den Play-Button.

Auf dem Mac: statt Strg immer Cmd verwenden.

4. Wenn ein Fehler kommt

Kopiere die Fehlermeldung und schreibe in ChatGPT:

Mein p5.js-Spiel hat einen Fehler.

Fehlermeldung:
[Fehlermeldung einfügen]

Hier ist mein Code:
[Code einfügen]

Bitte korrigiere den Fehler und gib mir den vollständigen neuen Code.

5. Spiel verbessern

Nach der ersten Version kannst du diese Sätze in ChatGPT schreiben:

Verbessere das Design.

Mache das Spiel für Smartphone und Tablet besser.

Baue mehr Level ein.

Mache die Steuerung einfacher.

Füge Animationen und Effekte hinzu.

Räume den Code auf.

Gib mir die vollständige Endversion.

6. Wichtig

Immer den vollständigen neuen Code kopieren und in sketch.js einfügen:

1. In ChatGPT Code markieren.
2. Strg + C drücken.
3. Im p5.js Web Editor in sketch.js klicken.
4. Strg + A drücken.
5. Strg + V drücken.
6. Play drücken.