Quelltext der Seite 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 ==

{| class="wikitable"
! 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 ==

# Öffne den [[p5.js Web Editor]].
# Klicke in die Datei '''sketch.js'''.
# Drücke '''Strg + A'''.
# Drücke '''Strg + V'''.
# 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:

# In [[ChatGPT]] Code markieren.
# '''Strg + C''' drücken.
# Im [[p5.js Web Editor]] in '''sketch.js''' klicken.
# '''Strg + A''' drücken.
# '''Strg + V''' drücken.
# Play drücken.

[[Kategorie:p5.js]]
[[Kategorie:Programmieren]]
[[Kategorie:ChatGPT]]
[[Kategorie:KI im Unterricht]]