Nelle parole della skill
Una singola skill GLSL che raggruppa 36 tecniche shader compatibili con ShaderToy per effetti visivi in tempo reale: geometria SDF, ray marching e illuminazione, simulazione di fluidi, particelle e fisica, fenomeni naturali (oceano, terreno, atmosfera, volumetrico), generazione procedurale, post-processing, audio e debug WebGL2.
Una tabella di instradamento associa ogni richiesta a file di tecnica sotto techniques/ contenenti principi fondamentali, passaggi di implementazione e template di codice completi, con la matematica più approfondita in reference/. Applica poi le regole di adattamento WebGL2 quando produce pagine HTML autonome — gl_FragCoord.xy invece di fragCoord, un wrapper void main() per mainImage, const al posto di macro con chiamata a funzione — entro un budget di prestazioni fisso, con ricette rapide e sostituzioni per il debug visivo.
Che cosa produce
- GLSL compatibile con ShaderToy per una delle 36 tecniche di effetto, utilizzabile come base per un elemento visivo in tempo reale.
- Una pagina HTML autonoma il cui canvas riempie il viewport, si ridimensiona con la finestra, si trova su uno sfondo nero senza barre di scorrimento, ed esporta le uniform compatibili con ShaderToy iTime, iResolution, iMouse e iFrame.
- Effetti multi-pass costruiti su framebuffer WebGL2 con buffer ping-pong per uno stato in stile Buffer A/B.
- Una catena di post-processing finita, come il tone mapping ACES combinato con SSAA 2x e vignettatura per scene fotorealistiche.
Come funziona
- 01Instradare la Richiesta a una Tecnica
L'agente confronta la formulazione dell'utente con la tabella di instradamento delle tecniche per scegliere una tecnica primaria più eventuali tecniche combinabili, invece di leggere tutti i 36 file.
- 02Leggere il File della Tecnica
Ogni file sotto techniques/ è autonomo e fornisce principi, passaggi di implementazione ordinati e un template di codice completo per l'effetto.
- 03Passare a Reference/ per la matematica
Quando sono necessarie derivazioni o pattern avanzati, l'agente segue il link alla fine del file della tecnica verso la guida reference/ corrispondente.
- 04Portare l'output ShaderToy su WebGL2
Per i deliverable HTML autonomi, le regole di adattamento WebGL2 vengono applicate sopra il codice in stile ShaderToy prima di scrivere la pagina.
- 05Assemblare le recipe in una pipeline
Le quick recipe concatenano moduli — geometria, rendering, illuminazione, atmosfera, post-processing — invece di un singolo effetto, per formare una pipeline completa.
- 06Eseguire il debug sostituendo l'output
L'output viene temporaneamente sostituito con normali, step count, profondità o bande SDF per individuare un difetto prima di ripristinare il colore reale.