https://staging.moocwiki.org/index.php?action=history&feed=atom&title=KI-Spiel_auf_P5_ver%C3%B6ffentlichen 2026-06-13T04:21:55Z Versionsgeschichte dieser Seite in MOOCsWiki Staging MediaWiki 1.45.3 https://staging.moocwiki.org/index.php?title=KI-Spiel_auf_P5_ver%C3%B6ffentlichen&diff=25114&oldid=prev 2026-05-06T06:36:03Z

<p>Die Seite wurde neu angelegt: „= Kurzanleitung: p5.js-Code mit ChatGPT erstellen = == 1. Spielidee in ChatGPT schreiben == Kopiere diesen Text in <a href="/index.php?title=ChatGPT" title="ChatGPT">ChatGPT</a>: Erstelle ein vollständiges <a href="/index.php?title=P5.js" title="P5.js">p5.js</a>-Spiel für den <a href="/index.php?title=P5.js_Web_Editor&amp;action=edit&amp;redlink=1" class="new" title="P5.js Web Editor (Seite nicht vorhanden)">p5.js Web Editor</a>. 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ä…“</p> <p><b>Neue Seite</b></p><div>= Kurzanleitung: p5.js-Code mit ChatGPT erstellen =<br /> <br /> == 1. Spielidee in ChatGPT schreiben ==<br /> <br /> Kopiere diesen Text in [[ChatGPT]]:<br /> <br /> Erstelle ein vollständiges [[p5.js]]-Spiel für den [[p5.js Web Editor]].<br /> <br /> Spielidee:<br /> [Hier meine Spielidee einfügen]<br /> <br /> Das Spiel soll haben:<br /> * Startbildschirm<br /> * Anleitung im Spiel<br /> * Punkte<br /> * steigende Schwierigkeit<br /> * Game Over<br /> * Neustart<br /> * Touch- und Maussteuerung<br /> * gutes Design<br /> * Code in einer Datei<br /> * vollständigen lauffähigen Code<br /> <br /> Gib mir zuerst kurz den Plan.<br /> Gib mir danach den vollständigen Code.<br /> <br /> == 2. Code kopieren ==<br /> <br /> {| class=&quot;wikitable&quot;<br /> ! Aktion<br /> ! Windows / Chromebook<br /> ! Mac<br /> |-<br /> | Alles markieren<br /> | Strg + A<br /> | Cmd + A<br /> |-<br /> | Kopieren<br /> | Strg + C<br /> | Cmd + C<br /> |-<br /> | Einfügen<br /> | Strg + V<br /> | Cmd + V<br /> |-<br /> | Rückgängig<br /> | Strg + Z<br /> | Cmd + Z<br /> |-<br /> | Speichern<br /> | Strg + S<br /> | Cmd + S<br /> |-<br /> | Suchen<br /> | Strg + F<br /> | Cmd + F<br /> |}<br /> <br /> == 3. Code in p5.js einfügen ==<br /> <br /> # Öffne den [[p5.js Web Editor]].<br /> # Klicke in die Datei &#039;&#039;&#039;sketch.js&#039;&#039;&#039;.<br /> # Drücke &#039;&#039;&#039;Strg + A&#039;&#039;&#039;.<br /> # Drücke &#039;&#039;&#039;Strg + V&#039;&#039;&#039;.<br /> # Klicke auf den Play-Button.<br /> <br /> Auf dem [[Mac]]: statt &#039;&#039;&#039;Strg&#039;&#039;&#039; immer &#039;&#039;&#039;Cmd&#039;&#039;&#039; verwenden.<br /> <br /> == 4. Wenn ein Fehler kommt ==<br /> <br /> Kopiere die Fehlermeldung und schreibe in [[ChatGPT]]:<br /> <br /> Mein p5.js-Spiel hat einen Fehler.<br /> <br /> Fehlermeldung:<br /> [Fehlermeldung einfügen]<br /> <br /> Hier ist mein Code:<br /> [Code einfügen]<br /> <br /> Bitte korrigiere den Fehler und gib mir den vollständigen neuen Code.<br /> <br /> == 5. Spiel verbessern ==<br /> <br /> Nach der ersten Version kannst du diese Sätze in [[ChatGPT]] schreiben:<br /> <br /> Verbessere das Design.<br /> <br /> Mache das Spiel für Smartphone und Tablet besser.<br /> <br /> Baue mehr Level ein.<br /> <br /> Mache die Steuerung einfacher.<br /> <br /> Füge Animationen und Effekte hinzu.<br /> <br /> Räume den Code auf.<br /> <br /> Gib mir die vollständige Endversion.<br /> <br /> == 6. Wichtig ==<br /> <br /> Immer den vollständigen neuen Code kopieren und in &#039;&#039;&#039;sketch.js&#039;&#039;&#039; einfügen:<br /> <br /> # In [[ChatGPT]] Code markieren.<br /> # &#039;&#039;&#039;Strg + C&#039;&#039;&#039; drücken.<br /> # Im [[p5.js Web Editor]] in &#039;&#039;&#039;sketch.js&#039;&#039;&#039; klicken.<br /> # &#039;&#039;&#039;Strg + A&#039;&#039;&#039; drücken.<br /> # &#039;&#039;&#039;Strg + V&#039;&#039;&#039; drücken.<br /> # Play drücken.<br /> <br /> [[Kategorie:p5.js]]<br /> [[Kategorie:Programmieren]]<br /> [[Kategorie:ChatGPT]]<br /> [[Kategorie:KI im Unterricht]]</div>

Glanz