Menü

-

Tools

🛜 cmyk-moire
🎨 Farben Tool
➡️ Copy Center
🎹 sound-sequencer
🌍 WPlace Downloader

Lern-Tools

💡 Logikbaukasten
🕯️ Mein "Savegame"
👓🥽 Interaktives Optik-Labor
⚡🔽 Interaktives Elektronik-Labor
⚡🔽 Elektronik-Labor V2 Claude

0x10^C - DCPU-16

🚀 dcpu16-emulator 👻 SPED3 - Vector Editor 🖺 Font Editor (als HTML)

KI - Vergleiche

➡️⬅️ Copilot Pendel
⬅️➡️ Sonnet Pendel
↗️↙️ Deepseek Pendel

Spiele

♥️ Schnauz
🎲🎲🎲🎲🎲 Kniffel
🏐 Kaskade
🚀🛰️🧑🏻‍🚀 VOID SALVAGE
🧝🏻‍♀️ Chibi-Elfe
🔷🔶 Supergrips
🐴 P̢̤̲͉̟͇̊ͯ̒ͅO͙̺̣̿̃̈ͤ͝N͉̗̝̘̥̺̒͊̿̀Y͇̘̌̕ ̶̯͓̪̹̖̿͛͆̚S̶̲̬̭͙̪̳̊T̨͙̻̟͕̠ͣ̾̇R̵͎̙̩̱̪̟̠͐ͧ̾̌ͅE̴̟̜̗ͧ̓I̤̥̐͝C̷̲̦͔̍͒̏H̢̼̫̭̟̰̰̰̃͐̅́ͅE̽̇̀͏̲͔͉͍̭̯L͋҉̥̳̖̖͉ ̷̮̝̭̖̦͇̱ͫͬŜ҉̗͉Į̪͚̱̖̭̖ͧ̄M̴̟͇̺̱̰̥̳̈́U͚̜͖̟͐̇̃͟ͅL̨̙͕͔̫̤̳̍A̶̩̮͎͚̾ͤ̽̚T͓̻̤ͬ̓ͯ͠O̵̮̳̣̗̺̼͍̎R͇͚̼̣̫ͣ̇͡

Animationen

DS Animation
Sonnet Animation

DND

🎲🎲 DND Map (DS)
🎲🎲 Cardtable (S)
⭕ Arcana Forge V1
🧙 Arkanes Rad V2 (Paare)
🪄 Arkanes Rad V3 (Multi)

funny Links

Eine kleine Sammlung witziger und lesenswerter Links.

📜 "Programming Sucks" ▶ Write in C ▶ Chuck Norris Witze ▶ The Gold Apocalypse ▶ Das Ei ▶👾 Isaac Arthur - Stupid Aliens ▶👽 Cryptic Aliens

XKCD

👤 little Bobby tables 👤 correct horse battery staple 👤 drop table people 👤 Dependency 👤 A Bunch of Rocks

Tech

📜 WIKI "Humans_Need_Not_Apply" ▶ Humans Need Not Apply
- What Happened to Horses Is Happening to Us

HFY

🤖 Kurzgeschichten - Humanity, Fuck Yeah! ▶ Stranded On A Deathworld with the Deathworlders ▶ A Job For A Deathworlder

DCPU-16 Emulator

Eine fiktive 16-bit CPU mit ein paar Geräten zum anbinden.
Beispiele wie Floppy und LEM Monitore sind verfügbar.
Ebenso wurde der 3D Monitor SPED-3 verbessert.

dcpu16-emulator on itch.io

🚀 16-BIT Rechner Tool 👻 SPED3 - Vector Editor 🖺 Font Editor (als HTML)

ASCII GAME

Ein Spiel mit Claude und Godot\Redot. Man kann viel mehr erreichen wenn man nicht jedes Ding von null an selbst basteln muss. Alles mit Sonnet 5 in der freien Fassung. Mal mittel mal hoch bis auf Kleinigkeiten wo Godot selbst doof ist keine Probleme.
var x := min(INT_WERT, INT_WERT)
zu var x:int = ...

goto itch.io

cmyk-moire

Ein Test mit Claude Idee gefunden auf Twitter. Moire Effekte mit Ringen. Siehe prompt dieser war auf 5 Minuten durch mit kleiner Anpassung + eine Minute für ein und ausblenden Buttons

x-themathpulse cmyk-moire

Farben Prompt

Benötige eine HTML Seite zum Umrechnen und Bestimmen von Farben in vec3, rgb, hsv, cmyk, hex.
Die Farben sollen in einen zentralen Farbkreis angezeigt werden.
Eine Eingabe soll die Umrechnung in die anderen Farbsysteme auslösen.

Zu der Hauptfarbe sollen je nach einer Auswahl

die analogen Farben,
die Komplementären Farben,
die Split Komplementären Farben,
die Triade Farben,
die Quads,
und die Farbtöne angezeigt werden.

Die gewählten Farben werden unterhalb als Blöcke mit den verschiedenen Umrechnungen dargestellt
und als Farbverlauf mit Beispiel Code wie es in HTML\CSS erreicht werden kann.

Farben Tool

Promt CMYK

Erstelle eine Webseite auf der vier CMYK eingefärbte konzentrische Ringsysteme (gleiche Anzahl bei jeden System mindestens 20 Ringe gleichen Abstands) platziert werden mit einen Offset von dem kleinsten Ring zu einander. Dann soll es möglich sein mit der Maus ein weiteres Ringsystem in schwarz darüber zu schieben. Per Click verbleibt das Ringsystem dann an seinen Platz. Es soll mit einen kleinen Menü seitlich auch möglich sein die anderen Ringsysteme neu zu platzieren. Eine Zahleneingabe soll die Anzahl der Ringe in den Ringsystemen ändern können. Ein Reset Button damit die Ringe wieder an dem initialen Platz sind. Hintergrund soll Weiß sein. Die Flächen zwischen den Ringen des Ringsystemen müssen Transparent sein damit beim überlappen Moiré Effekte passieren können. Wenn es nicht mit nativen Java Script umgesetzt werden kann ist es auch erlaubt Jquery mit zu verwenden. "https://code.jquery.com/jquery-4.0.0.slim.min.js"

🛜 cmyk-moire

Promt Animationen

Überarbeite diese Seite damit die Cards dynamische Höhen verwenden
Füge eine neue Karte ein mit dem Titel "funny Links" füge den Beispiel Link "https://www.stilldrinking.org/programming-sucks" dort ein.
Im Hintergrund des Card Containers soll ein 2D Gitter von Farbigen Tinten-Punkten animiert sein so dass kleinere Tropfen immer wieder heraus und zurück laufen. Her werden nur sanfte Pastelltöne verwendet.
Wir fügen eine neue Animation ein, welche je nach einen Zufallsgenerator gespielt wird, anstelle von "buildInkGrid" ebenso soll es mit einer Chance möglich sein, dass keine Animation gespielt wird. Der Name der Animation wird in #animationName angezeigt.

Neue Animation: ein Animierter Tropfen fällt vom oberen Bildschirmrand an einer bestimmten Y-Koordinate trifft der Tropfen den "Boden" und verwandelt sich in einen elliptischen Ring welcher sich dann ausbreitet und einen Farbverlauf nach Weiß durchführt. Die Farbe des fallenden Tropfen und des Ringeffekts soll gleich sein. Die Anzahl der Tropfanimationen soll einstellbar sein per Konstante im Skript.

Neue Animation ein Caustics effect Beispiel aus einem Shader. vec2 p=FC.xy/r.y*2e1+t;for(float i;i++<8.;)p+=sin(p+t/.2+i)*.4,p*=mat2(6,-8,8,6)/9.;o=vec4(tanh(length(fwidth(sin(p*.3)/.1))),texture(b,FC.xy/r));

als nächste Animation bitte ein "John Conway's Game of Life" wenn das Grid leer läuft einen neuen Seed setzen. Ein Update der Zustände sollte jede Sekunde ausgeführt werden. Das Geld selbst sollte mit einen kleinen Marging ausgestatet sein damit die Zellen des Grid sich nicht direkt berühren ebenso sollten die Zellen leicht gerundete Ecken haben. X yuruyurau Ist es möglich noch folgendes einzufügen als weitere animation "Die Flatterer"?
a=(m,d=mag(k=9*cos(i*5)*sin(i),e=cos(i*7)*cos(i)*9)**3/999+4.6-cos(t/4+m)**3/3)=>e>0&&point(99*sin(c=d/8-t/32+m)+k/3**(o=sin(d*d-t+m))+200,99*cos(c/3)+d*39+e**o) t=0,draw=$=>{t||createCanvas(w=400,w);background(9).stroke(w,96);for(t+=PI/30,i=1e4;i--;)a(i%19)}
Kannst du dies in JS umwandeln?

Promt Schnauz

Erstelle eine HTML Seite mit dem Spiel "Schnauz" auch Schwimmen oder 31 genannt. Falls die Regeln nicht bekannt sind: Es gibt vier Spieler, drei davon übernimmt das Spiel selbst die NPCs. Es werden 3 Münzen am Spielfeld angezeigt wenn einer der Spieler verliert werden erst die Münzen entfernt bis diese durch ein Wassersymbol ersetzt werden, das Schwimmen, erst wenn ein Spieler hier schwimmend verliert scheidet er aus dem Spiel aus. Wenn der Mensch ausscheidet spielen die NPC im Schnelldurchlauf fertig. Jeder Spieler hält 3 Karten mit weiteren drei in der Feldmitte. Am Zug kann der Spieler eine seiner Karten mit einer in der Mitte liegenden Tauschen oder alle drei gleichzeigt tauschen. Dies per Drag and Drop realisieren. Ziel ist es ein "Schnauz" zu erreichen welches die Runde stoppt und dann alle Karten offenlegt. Ein Schnauz ist 31 Punkte mit jeder Gesichtskarte (König, Ober, Unter) 10 Punkte und Ass mit 11 Punkten. Zahlenkarten 2 bis 10 entsprechend ihre Punktwertigkeit. Schnauz ist also von der gleichen Farbe ein Ass mit zwei weiteren Karten im Wert von 10 Punkten. Wenn ein Spieler drei Karten mit dem gleichen Wert aber verschiedener Farbe hat ist dies ein 30,5 an Wert, auch drei Asse zählen als 30,5 hier es gibt kein "Feuer". Der oder die Spieler mit der geringsten Punkten zahlt. Die Punkte eines Spielers sind die meisten Punkte einer Farbe auf der Hand. Bewegungen der Karten soll animiert sein. Bilder der Karten liegen unter ./test/cards/Card__.png mit den Werten 2 bis 10 und K (König), A (Ass), O (Ober), U (Unter) und mit die Farben des Blattts: B (Blatt), E (Eichel), H (Herz), S (Schellen), dies ist das Bayrische oder Deutsche Kartenblattsystem. Das Bild Card_Back.png steht für die Rückseite der Karte.


Sehr schönes Design des Tisches, aber es gibt einen Fehler in der Logik wenn der Spieler (oder auch ein NPC) Klopft wird dir Runde korrekt weiter gespielt, aber der erste Klopfer darf weiterspielen, dass ist nicht korrekt die Runde muss dann beendet werden sonst klopft jeder endlos weiter. Bei NPC runden führt dies dann zu einer Endlosschleife aus endlosen Klopfen.


Bug ist behoben,
aber das Spiel benötigt noch die Aktion "Schieben" wenn alle Spieler schieben werden drei neue Karten in die Mitte gelegt. Schieben führt man aus wenn man noch nicht genügend Punkte hat und ggf. sich erhofft noch mehr zu bekommen. z.B. wenn man unter 20 Punkte hat sollte man 3/4 der Zeit lieber schieben anstelle zu Klopfen. Für NPC dies gerne als Zufall realisieren. Ab 25 bis 30 Punkte ist ein Klopfen besser.
Beim ersten der in der Runde klopft bitte auch eine Markierung zeigen.
Und bitte die Spielrichung umdrehen damit die Spieler im Urzeigersinn spielen.

Spiele Schnauz

Brenchmark Pendel

Copilot "Smart" und Claude\Sonnet5 Mittel im Vergleich: Prompt ohne Projekt oder Gruppe:

Erstelle ein vier gliedriges Pendel welches auf einer HTML Seite für jedes Glied eine Spur aus Punkten ziehen soll. Man soll die Simulation stoppen\weiter laufen lassen können, Resetten und man soll den Ursprungszustand setzen können per Drag and Drop. Wenn jedes Pendelglied die gleiche Länge hat soll die Ansicht in beiden Achsen um eine Einheit größer sein, d.h. Pendel Länge 4 damit ist die Ansicht von -5 bis +5 in beiden achsen damit nicht Abgeschnitten wird. Keine Externen Abhängigkeiten verwenden und keine Google Fonts einbinden da dies per DSGVO verboten ist. CSS direkt im Header legen.

MANUELLE ANPASSUNGEN: COPILOT verschob den Ursprung "etwas nach oben" dies wurde genullt damit es in der Mitte sitzt.

Pro Copilot - "Spuren löschen" nettes extra Featrue
Pro Copilot - Drag and Drop wirkt sich per IK (Inverse Kinematik) auf die Kette aus.
Contra Copilot - Reibung und Sprungkraft in den Gelenken.
Contra Copilot - Startzustand ist nach unten etwas Langweilig.
Pro Deepseek - nutzt ganze Seite
Pro Deepseek - zeichent Linie für den maximalen Radius des Pendels


Copilot ist vermutlich realistischer in der Erzeugung, dafür macht Sonnet das Chaos eines Pendelsystem besser sichtbar.

➡️⬅️ Copilot Smart Version
⬅️➡️ Sonnet 5 mittel Version
↗️↙️ Deepseek Pendel

Analyse (Sonnet)

Hier ist der Vergleich der beiden Pendelsimulationen:

Physik-Modell — der entscheidende Unterschied

Sonnet5-Version: Löst die echten Bewegungsgleichungen eines Vierfachpendels über den Lagrange-Formalismus (Massenmatrix M·α = b, Gauß-Elimination, RK4-Integration mit fester Schrittweite 1/240 s über einen Akkumulator). Das ist physikalisch exakt — echtes chaotisches Verhalten, wie man es von einem echten Mehrfachpendel erwartet.

Copilot-Version: Nutzt Verlet-Integration mit iterativer Abstands-Constraint-Lösung (wie bei Seilphysik/Cloth-Simulationen). Das ist eine Annäherung, kein echtes starres Pendel — die Stäbe verhalten sich eher wie steife, aber dehnbare Seile. Energieerhaltung und exaktes chaotisches Verhalten sind dadurch nicht garantiert.

Pro/Contra im Detail

Sonnet5-Version

✅ Physikalisch korrekt (Lagrange + RK4), sauber vom Frame-Timing entkoppelt
✅ Retina/DPR-fähig, responsives Layout (passt sich der Fenstergröße an)
✅ Getrennte Canvases für Spur und Pendel → effizienteres Rendering
✅ Drag-Interaktion ist physikalisch sauber gelöst (rotiert nur um den Elternpunkt, keine ungültigen Zustände möglich)
✅ Aufgeräumtere, modernere UI (Statusanzeige, Farblegende)
❌ Länge/Masse der Glieder sind fest im Code (1,1,1,1) — keine UI zum Anpassen
❌ Komplexerer Code (Matrixaufbau, Gauß-Lösung) — schwerer zu warten/erweitern

Copilot-Version

✅ Deutlich einfacherer, verständlicherer Code (Verlet + Constraints)
✅ Segmentlänge über UI einstellbar
✅ Leicht erweiterbar auf beliebig viele Glieder (nur Punkte + Constraints)
✅ Direktes Ziehen der Massen selbst (nicht nur Winkel-basiert)
❌ Physik ist nur eine Annäherung — kein echtes starres Vierfachpendel, eher "Seilphysik"
❌ Zeitschritt an Framerate gekoppelt (timeStep = 0.016) statt entkoppelt → inkonsistent bei Laggs/unterschiedlichen Bildwiederholraten
❌ Kein DPR-Scaling, feste Canvasgröße (600×600) → unscharf auf hochauflösenden Displays, nicht responsiv
❌ Spurpunkte werden jeden Frame komplett neu gezeichnet (bis zu 2000 Punkte × 4) → Performance verschlechtert sich mit der Zeit

Fazit

Wenn es dir um eine physikalisch korrekte Chaos-Simulation geht, ist die Sonnet5-Version klar überlegen — sie macht das, was ein Vierfachpendel tatsächlich tut. Die Copilot-Version ist einfacher und flexibler in der Konfiguration (Längen änderbar), simuliert aber eher ein "Perlenkette am Seil"-Verhalten als ein starres Pendel, und hat spürbare technische Schwächen (Performance, Timing, Schärfe).

Logikbaukasten

Angefangen mit Copilot beendet mit Sonnet...

Probleme mit Copilor war das limit der Dateigröße musste Datei auf 3 Teile runter laden. Dann war es hässlich und nicht vollständig. Hat mit Sonnet nochmal 2 mal ein 5 Stundenlimit benötigt bis es im akutellen Zustand ist.

Savegame:
Ich kam bis zum Pulser per XOR damit ich eine Edge Detektion machen kann, aber das JS updatet nicht so schnell genug.
Eine einfache CPU sollte möglich sein, aber der 4Bit Adder saugt massiv CPU ich müsste es umbauen lassen damit es mehr event-basiert passiert und nicht jeden Tick.

Copilot und Sonnet - Logikbaukasten
Mein "Savegame"

"Kaskade" Prompt

Hat 2 Ladungen vom 5 Stundenlimit gefressen:
Das erstemal dass es als Artifact-Link zuerst abgelegt wurde. zum Prompt:


Erstelle eine HTML Seite mit einem "Breakout\Arkanoid " Klon.

Das Spielfeld ist ein hochkantiges Rechteck welches unten offen ist, ein Paddle welches der Spieler mit der Maus bewegen kann und einen Ball welcher von Wänden und Paddle abprallen kann.

In der oberen Hälfte des Spielfeldes werden in Mustern Blöcke gesetzt diese Können verschiedene Zustande und Farben haben.
z.B. 1 bis 3 Hit bis sie sich auflösen
oder Powerups fallen lassen.

Powerups können sein:
Breites Paddle
Klebriges Paddel (der Ball benötigt erst einen Linksklick damit er wieder fliegt)
Metall Paddel (Ball prallt schneller ab als er ankam.)
Multiball die aktuellen Bälle teilen sich in 2 bis drei neue Bälle auf)

Das Spiel wartet auf einen Klick vor jeder Runde zum Start und Zählt Punkte und Zeit mit.

Die ersten 3 Level werden in einen Array gespeichert, wenn der Level-Zähler größer ist als die vorhandene Level Auswahl werden Blocke per Zufall platziert.

Wenn alle Bälle das Spielfeld verlassen haben ist die Runde verloren. Die akutellen Daten von Punkten, Zeit und Level werden dann als HiScore angezeigt.

Keine Google Fonts verwenden.
Alles in eine Datei. Elemente per Css nachbilden.

spiele Kaskade

VOID SALVAGE - Prompt

Erstelle ein Idle und Incremental HTML Spiel.

Wir sehen das Raumschiff in der Spielfeldmitte von oben fallen verschiedene Typen von Asteroiden herab welche dann vom Raumschiff automatisch abgeschossen werden. Dies fügt dann je weilige Ressourcen

Das initiale Raumschiff setzt sich zusammen aus Quadraten, den Schiffsmodulen:

Waffen - Rotes oben 50% gerundetes Element (Grabsteinform), kann nur nach unten verbunden werden, hat begrenzte Reichweite für Autofeuer, 3 Crew
Komandomodul - Lila mit Gold Rand, 4 Verbindungen, wenn dieses Modul zerstört wird ist das Spiel verloren.
Hydroponik - grün, Verbindung oben und unten, ermöglicht mehr Crew, 2 Crew
Quartier - hält bis 8 Crew, 4 Verbindungen
Maschinenbau - blau, 4 Verbindungen, erlaub neue Schiffsmodule zu bauen, 3 Crew
Antrieb - ein gelbes nach unten gerundetes Modul gibt Schub.

Asteroiden Typen: Eis, Silikat, Metall

Spielsysteme:
Schub - je schneller desto mehr Asteroiden werden fallen.
Modulbau - je mehr Maschinenbau Elemente am Schiff angebracht sind desto
Ressourcen - Wasser, Silikat, Metall
Asteroiden - geben die 3 Basis Ressourcen
Upgrade - jedes Modul kann mit Ressourcen verbessert werden.
Crew - je mehr Crew zugeordnet sind desto besser ist der Initiale Wert des Moduls, darauf werden dann die Upgrades je Modul berechnet.

Userinteraktionen:
Per Click können den Asteroiden Zusatzschaden zugefügt werden unabhängig ob diese auch in Schiffsreichweite sind.
Click auf Antrieb erhöht den Schub kurzfristig
Klicken auf Maschinenbau verringert die Bauzeit neuer Module.
In einen Edit Modus kann das Schiff per Drag und Drop umgestaltet werden, es muss entsprechend für jedes Modul mindestens eine Valide Verbindung zu einen anderen Modul bestehen.

Weitere Module:
Lager - Gold, es erhöht das Limit der Ressourcen, 3 Verbindungen (oben links rechts)
Raketen - dunkel rot Grabsteinform, unten Verbindung, Langsam, viel Schaden und große Reichweite, 2 Crew
Schmelze - mehr Ressourcen per abgeschossenen Asteroiden, benötigt für Upgrades größer 5
Bio-Labor - mehr Crew per Hydroponik

Menüs:
Neue Module bauen lassen, Fortschrittsanzeige, Lagermenge von Modulen
Crew zuordnen auf die Module
Optionen

Punkte für Umsetzung
Gestalte die Liste der Module variabel für Erweiterungen
Sounds können per window.AudioContext oder window.webkitAudioContext erzeugt werden, Mute Botton berücksichtigen

###############################

Im Umbau Menu sollte die Zeit anhalten.
Bitte die Kollisionslogik checken Module bekommen Schaden obwohl der Asteroid am Schiff vorbei zog.
Kleinen Hitpoint Balken am Asteroiden hinzufügen sobald er einmal getroffen wurde.
gepunkteten Halbkreis für Waffenreichweite anzeigen.
Spielfeld sollte ich mit Fenster Größe nach unten schieben damit man mehr Anflugzeit der Asteroiden sieht.
Bearbeitete Datei bitte zum Download bereitstellen.

###############################

Bitte bei den Modulen die möglichen Verbindungen anzeigen. einen kleinen Halbkreis am Rand des Moduls in die Möglichen Richtung damit diese im Grid aneinander liegen.
Das Raumschiffgitter um 5 Zeilen nach unten erweitern.
Der Gepunkteter Reichweiten-Halbkreis zeigt in die falsche Richtung bitte um 180° drehen.

###############################

🚀🛰️🧑🏻‍🚀 VOID SALVAGE

Fettfinger 1 und 2 Prompt - Deepseek

Muss meine Extra Menütaste "M2" neben Shift mal auf Shift stellen immer wieder Tippt man daneben...
Wenn man halt Shift Enter und Enter nicht unterscheiden kann kommt man halt zu 2 Prompts.

########################### Wolle dass noch überarbeiten machte aber jetzt V1:

Erstelle eine Webseite dunkler SAAS look, zwei Tabs jeweils in der Mitte ein Rad mit

a) Magieschulen mit Beispiel:
Bannmagie: Du beschützt den Frosch.
Beschwörung: Du lässt einen Frosch erscheinen.
Erkenntnismagie: Du weißt, dass der Frosch eigentlich eine Kröte ist.
Hervorrufung: Du tötest den Frosch.
Illusionsmagie: Du lässt jemanden wie einen Frosch aussehen.
Nekromantie: Du erweckst den toten Frosch zum Leben.
Verwandlung: Du verwandelst jemanden in einen Frosch.
Verzauberungsmagie: Du bringst jemanden dazu zu glauben, er sei ein Frosch.

b) Elementarklassen:
Licht
Feuer
Luft
Wasser
Leben
Eis
Erde
Dunkelheit

man kann nun bis zu 22 Punkte auf diesen Kreis verteilen z.B. ein Punkt in Feuer macht eine kleine Flamme zum entzünden von Lagerfeuer, zwei Punkte machen einen kleinen Feuerpfeil zum Angriff mit 1W10 Feuerschaden.

########################### Sollte so sein V2

Erstelle eine Webseite dunkler SAAS look, zwei Tabs jeweils in der Mitte ein Rad mit

a) Magieschulen:
Bannmagie
Beschwörung
Erkenntnismagie
Hervorrufung
Illusionsmagie
Nekromantie
Verwandlung
Verzauberungsmagie

b) Elementarklassen:
Licht
Feuer
Luft
Wasser
Leben
Eis
Erde
Dunkelheit

man kann nun bis zu 22 Punkte auf einen dieser Kreise verteilen z.B. ein Punkt in Feuer macht eine kleine Flamme zum entzünden von Lagerfeuer, zwei Punkte machen einen kleinen Feuerpfeil zum Angriff mit Feuerschaden. 10 Punkte Feuer machen einen Feuerhagel als Beispiel.
Nun kann man aber Mischen beginnen diese 10 Punkte Feuer und 10 Punkte Erde machen einen Meteroidenschwarm. Leben und Licht machen Massenheilung während Leben und Dunkelheit HP Entzug verursachen.
Beschwörung und Nekromantie lassen Untote erscheinen. Beschwörung und Hervorrufung höhere Tiere als Beschwörung alleine kann.

Für jede Kombination wird ein Name und eine Beschreibung benötigt. Die Zauber können zwischen beiden Modellen auch verwendet werden.

########################### Deepseek war nur mit Paaren zu billig davon gekommen:

Kannst du es auch so umbauen, damit mehr als 2 Gruppen Kombiniert neue Zauber ergeben?
Beispiele Feuer und Wasser machen Dampf,
- mit Leben wird es heilender Nebel
- mit Dunkelheit Miasma
- mit Luft wird es ein Brühender Wirbelwind
Dabei dürfen sich Wasser und Eis, Licht und Dunkelheit, Bannmagie und Beschwörung ausschließen.

⭕ Arcana Forge V1
🧙 Arkanes Rad V2
🪄 Arkanes Rad V3

"sound-sequencer" Prompt

Erstelle eine HTML Seite zum Erzeugen und von Musik.
Es soll per window.AudioContext || window.webkitAudioContext erzeugt werden und dann als Array wie z.B. "[[660,0.06,'triangle'],[880,0.08,'triangle']]" (Frequenz, Dauer, Form) und als wav Datei gespeichert werden können. Das Array Format sollte auch geladen werden können.

Es sollte ein Piano angezeigt werden von dem Noten gespielt werden können (mit den Noten angezeigt), diese werden dann in ein "Notenblatt" eingetragen. Per Drag und Drop darin sollte man Noten ändern können.
Es muss auch eine Eingabe geben um weitere Sounds hinzuzufügen mit Frequenz, Dauer und Form. Hier soll auch der Sound vor dem hinzufügen mit einen Klick getestet werden können.

Ein Play Button sollte die erstellte Melodie aus dem Notenblatt abspielen und loopen bis man dies Stoppt und zurück setzt.

Es wird nur SaaS Look in Dunkel benötigt.
Lautstärke sollte einstellbar sein.
Weitere Optionen wie Fadeout usw sollten bedacht werden und ggf. als "Instrument" Voreinstellungen.

🎹 sound-sequencer

"Interaktives Optik-Labor" Prompt

Erstelle eine Lernseite in HTML für Lichtbrechung.
Drei Laser mit etwas Abstand senden Paralell Licht aus in 3 Farben (keine Wellenlängen nur Optisch)
In einen Menü können nun Glas Objekte verschiedener Formen erzeugt werden welche das Licht brechen.
Per Drag and Drop können diese dann plaziert und gedreht werden.
Auch der Laser soll sich Bewegen lassen.
Spiegelscheiben reflektieren Licht zu 100%

Laserformen: Einzel Laser, 3 Parallel Laser, 5 fach Laser
Glas Objekte: Sollen in Doppelseitegen (bi-konvex\konkav), Einseitgen Linsen(plan-konvex\konkav) in Sammellinsen und Zerstreuungslinsen vorhanden sein, dann auch Zylinder mit variablen Radius.

Design der Seite sollte Dunkel SAAS look sein. Keine Google fonts einbinden, nur Systemfonts verwenden.

👓🥽 Interaktives Optik-Labor

"Interaktives Eletronik-Labor" Prompt

Erstelle eine Lernseite in HTML für elektrische Schaltungen.
Benötigte Elemente:
Wiederstände, Spulen, Kondensatoren, Gleichstrom, Wechselstrom, Drehstrom (3 Phasen), Transistoren, Dioden, Leuchtdioden, Lichter, ein Chip Modul für NAND\AND\NOT Operationen,

Zwei Oszilloskop anzeigen sollen zustände beim Eischalten an frei definierbaren Punkten im Stromnetz das Verhalten.
Jedes Oszilloskop muss über Zeitbasiert und X-Y Eingang verfügen.
Wechselstromquellen müssen auch über eine Verschiebung der Amplitude verfügen.

Mögliche Versuchaufbaue:
- Gleichrichter
- Wechselrichter
- Schwingkreise
- Spannungsteiler

Lichter müssen über verschiedene Leuchtstufen verfügen damit diese an Spannungsteilern mehr oder weniger stark Leuchten.
Limit 10 Sekunden nach Versuchsstart damit die Schaltungen fertig gelaufen sind.
Keine Externen Fonts einbinden.

Elemente und Kabel sollen per Drag and Drop bearbeitet werden können.
Elemente sollen auf ein Grid schnappen damit diese sauber platziert werden können.
Speicherung\Laden in Session und als JSON String.

Weitere Passende Elemente dürfen gleich mit hinzugefügt werden.
Ziel ist es ein Elektronik Labor für Hauptschüler zu implementieren.

⚡🔽 Interaktives Elektronik-Labor
⚡🔽 Elektronik-Labor V2 Claude

"Chibi-Elfe" Prompt

Erstelle eine HTML Seite mit einen Creature Simulator wie Tamagotchi.
Die Kreatur ist eine Chibi-Elfe mit Spitzen Ohren und Kleid.
Beim hochheben per Drag und Drop baumeln die Glieder der Figur nach.
Auf der Spielfläche gibt es weitere Objekte:
Tisch - für Essen
Ball - für Spielen\Spaß
Badewanne - Sauberkeit
Buch - Wissen\Zauber
Trainingspuppe Schwerkampf - Disziplin\Sport\Levelups
Bett - Schlafen\Energie Regeneration
Dungeoneingang - Sammeln von Gold

Die Figur rennt zufällg Punkte auf der Seite an wenn keine in der Spielfläche ist. Ansonsten versucht die Figur in einen Radius um den Curser zu stehen oder sitzen.
Wenn die Figur in die Nähe eines der Objekte gezogen wird beginnt diese das näherste zu benutzen.

Figurenstatistiken:
Level - je höher desto Stärker muss die Figur werden, Erhöht sich mit Lernen und Training
Leben - steigt mit Level
Ernäherung - Steigt mit Essen am Tisch, wandelt sich nach und nach in Ausdauer um.
Ausdauer - Steigt bei Schlafen, wird durch jede Aktion mit Objekten verringert, Ist auch das Limit für Zeit im Dungeon.
Wissen - Steigt mit Lernen und kann mit Gold für Zauber ausgegeben werden.
Sauberkeit - Steigt beim Baden, fällt Langsam von selbst und bei Aktionen, geringe Sauberkeit verringert Laune
Laune - Sauber, Satt und Erholt steigt die Laune. Hohe Laune und geringe Laune sammelt Gesinnungs Punkte (Hell und Dunkel). Geringes Leben fügt mehr Dunkle Punkte hinzu.
Gesinnungs Punkte (Hell und Dunkel) - wenn Dunkle Punkte überragen werden Farben der Elfe in Rot und Gold, bei Gleichstand der Punkte in Grün, bei Hellenpunkten in Blau und Silber dargestellt.
Dungeon - Die Elfe muss nun gegen Monster kämpfen bis Leben oder Ausdauer auf null fällt, Es wird außerdem die Sauberkeit verringert. Dadurch wird aber Gold gewonnen.
Gold - Kann ausgegeben werden um Objekte zu verbessern oder mehr Kleidung und Frisuren freizuschalten.

Keine Google Fonts einbinden, Speichern Cookies alle 5 Minuten und per Klick in ein JSON.

🧝🏻‍♀️ Chibi-Elfe

"DND-MAP" Prompt

Vergleich von DeepSeek und Sonnet (hoch) - DS einpompt eimal weiter - Sonnet bitte um 0:40 wieder kommen...



Erstelle eine HTML Seite (keine Externen Fonts).
Eine Dungeons and Dragons Spielfläche.

6 Spieler Figuren platzierbar und verschiebbar auf einem Hexgrid in Isometrischer Ansicht, in einen Optionsmenü kann die Größe (10x10 bis 500x500, default 15x15) festgelegt werden.
Per "Karte bearbeiten" Modus können die einzelnen Hex Flächen eingefärbt werden mit Blau (wasser), Grün (Graß), Braun (Weg), Grau (Stein\Weg), Rot\Blau (teppich), Dunkel Grau (Wand), Schwarz und Weiß für "Void welches auch die Hex Umrandung ausblendet" um Innen- und Außengebiete zu bestimmen.
Die Karte kann als Cookie und als Json Gespeichert und geladen werden.

Im Spiel Modus können die Figuren nun verschoben werden dabei machen diese leichte Geräusche (dies per window.AudioContext || window.webkitAudioContext realisieren)
Die bis zu 6 Spieler können ihre Daten für den DND Charakter in einen Character Sheet eingeben. Dieses Character-Set Lässt sich in den Optionen als eigenes Cookie und Json speichern.
Wenn ein Spieler aus einem Seiten Menü gewählt wurde können die Möglichen Würfe mit Übungsbonusberechnung und Vor\Nachteil (doppel Wurf) ausgewählt werden ein Klick auf die jeweiligen Fähigkeiten bestimmen welche Bonus hinzugezählt werden.
Der jeweilige Würfel soll animiert werden und dann das Ergebnis nochmal groß als Popup eingeblendet sein (Ein Click schließt dieses Popup dann).

5 Farbige Extra Pins können als Gegner platziert werden diese können im Menü abgelegt und ausgeblendet werden. Ebenso Münze, Tür und Kiste sollten als Pins platzierbar sein.

🎲🎲 DND Map (DS)
🎲🎲 Cardtable (S)

Animationen 2

Create a single self-contained HTML file that renders an animated pixel art sorceress casting a spell, using vanilla JavaScript and Canvas 2D. No external assets, libraries, or network requests. RENDERING - Draw everything to an offscreen canvas at a fixed logical resolution of 128x96, then blit to a fullscreen display canvas scaled by the largest integer factor that fits the window, centered, with imageSmoothingEnabled = false and CSS image-rendering: pixelated. - All drawing snaps to integer coordinates on the logical canvas. No sub-pixel positions, anti-aliasing, gradients, or shadowBlur. - Fixed palette of ~24 hex colors: deep blues/purples for night sky, grays for medieval stone wall, warm robe tones, 3-4 bright magic colors. Every pixel comes from this palette. CHARACTER - Build the sorceress procedurally from filled rects and pixel runs, ~24x32 logical pixels: pointed hat with a red band, long sleves, two-shade robe with darker outline, staff with a gem at the tip. - Parameterize the pose (staff angle, arm raise, head tilt, robe sway). Animate parameters smoothly, then quantize to the pixel grid each frame so motion reads at an 8-12 fps pixel animation feel even though the loop runs at 60fps. ANIMATION - Looping state machine: IDLE (2-frame bob, cloths sway) -> CHARGE (staff raises, gem flickers, sparks spiral inward) -> CAST (bright burst, projectile fires across the scene, 1-2 pixel screen shake) -> RECOVER (settle back). Ease pose parameters between keyframes. - Pooled allocation-free particle system: preallocate and reuse. Sparks orbit the gem during CHARGE, explode outward on CAST, each particle stepping its palette index from white to magic color to dark before despawn. Snap particle positions to the grid when drawing. - Fixed 60hz timestep update with rAF rendering. Zero object allocation inside the loop. SCENE - Minimal background: dark sky, ruin walls, a few twinkling 1px stars, moon, stone floor line. Character silhouette must read clearly. - Subtle 1px rim light on the sorceress from the gem, brightening during CHARGE and CAST. QUALITY BAR - Crisp pixels at any window size, seamless loop, stable 60fps, readable silhouette. Should look like a polished 16-bit sprite animation, not vector shapes scaled down.

Sonnet Animation
DS Animation

PONY

Nutze ThreeJS zum erzeugen einer 3D HTML Seite mit einen animierten interaktiven Alicorn (Geflügeltes Einhorn) cartoon look in "my little pony" Desgin, es sollte flattern um über den Boden zu schweben, stehen und im Kreis galoppieren können, sitzen und liegen je nach situation. Ebenso soll es magie vom Horn erzeugen welches farbige Partikel versprüht Nutze hierzu ein Curl noise damit es sich wie Flüssigkeit verhält.
Verschiedene Eigenschaften bestimmen die Laune des Alicorns, per click bekommt das Alicorn ein Objekt zum interagieren und füllt einen oder zwei der Eigenschaften z.B. Müde - Bett, Hunger - Heusack, Laune - ball.
Klicken auf den Kopf oder die Flanken streichelt das Alicorn dass darauf dann reagiert.

🐴 P̢̤̲͉̟͇̊ͯ̒ͅO͙̺̣̿̃̈ͤ͝N͉̗̝̘̥̺̒͊̿̀Y͇̘̌̕ ̶̯͓̪̹̖̿͛͆̚S̶̲̬̭͙̪̳̊T̨͙̻̟͕̠ͣ̾̇R̵͎̙̩̱̪̟̠͐ͧ̾̌ͅE̴̟̜̗ͧ̓I̤̥̐͝C̷̲̦͔̍͒̏H̢̼̫̭̟̰̰̰̃͐̅́ͅE̽̇̀͏̲͔͉͍̭̯L͋҉̥̳̖̖͉ ̷̮̝̭̖̦͇̱ͫͬŜ҉̗͉Į̪͚̱̖̭̖ͧ̄M̴̟͇̺̱̰̥̳̈́U͚̜͖̟͐̇̃͟ͅL̨̙͕͔̫̤̳̍A̶̩̮͎͚̾ͤ̽̚T͓̻̤ͬ̓ͯ͠O̵̮̳̣̗̺̼͍̎R͇͚̼̣̫ͣ̇͡

"Supergrips

4 Prompts zum Ziel: Spiel geht ist aber nicht hübsch, Fragen als JSON im HTML, eine Frage je Buchstabe: ok

P1: Die show war "Supergrips" wie würdest du diese Show beschreiben, wenn du danach suchen würdest?
...KI...

P2: Kannst du das Spielprinzip als HTML abbilden mit dem wabenförmigen Spielfeld?

* Klick auf neues Spiel füllt das Feld mit den Buchstaben.
* Klick auf ein Feld lässt eine Frage unter dem Spielfeld erscheinen mit einen Timer.
* Läuft der timer aus wird das Feld Schwarz und die Lösung wird angezeigt.
* Klick auf "Blau" oder "Rot" dreht die Wabe auf die jeweilige Farbe.
* Da dies nur ein Display ist und wir offline spielen, sollen alle Felder sich mit Blau oder Rot drehen lassen auch wenn diese bereits einmal gesetzt wurden.

P3: Ein Fehler wenn Rot von Oben nach Unten Verbindet wird dies nicht ausgewertet kein Blinken keine Meldung.
Wenn man auf "pLetter" klickt sollte die Lösung angezeigt werden und der timer abgebrochen werden.

P4: Beim Neustart des Spiels werden die Felder nicht zurück gesetzt hier bitte alle selected der .cell zurück setzen.

🔷🔶 Supergrips

"Kniffel\Yahtzee" Prompt

Erstelle eine HTML Seite mit Kniffel\Yahtzee erstellen.
Keine Google Fonts einbinden.
Würfel animieren und Sounds per window.AudioContext oder window.webkitAudioContext erzeugen.

🎲🎲🎲🎲🎲 Kniffel