Shader Vetro in Tempo Reale su Android con AGSL e Jetpack Compose
Un designer esplora la creazione di un effetto shader vetro in tempo reale su Android utilizzando AGSL (Android Graphics Shading Language) e Jetpack Compose, reso possibile dal 'vibe-coding' assistito dall'IA. L'app interattiva presenta una lente circolare trascinabile che distorce il contenuto sottostante, simulando rifrazione e proprietà ottiche come Indice di Rifrazione (IOR), Intensità dei Riflessi, Raggio, Larghezza dello Smusso, Spessore e Intensità dell'Ombra. Il progetto utilizza un RuntimeShader applicato a un graphicsLayer, con slider dell'interfaccia Compose e gesti di trascinamento per la regolazione dei parametri in tempo reale. Lo shader simula rifrazione, riflessi speculari, effetti di smusso, aberrazione cromatica e vetro smerigliato. Il designer, non uno sviluppatore professionista, ha sfruttato l'IA per tradurre shader da Shadertoy.com ed è stato ispirato dal Liquid Glass di Apple. Il progetto è disponibile su GitHub e dimostrato su YouTube.
Fatti principali
- Shader vetro in tempo reale su Android con AGSL e Jetpack Compose
- Lente interattiva trascinabile con rifrazione e controlli delle proprietà ottiche
- Parametri regolabili: IOR, Intensità dei Riflessi, Raggio, Larghezza dello Smusso, Spessore, Intensità dell'Ombra
- Utilizza RuntimeShader su un graphicsLayer in Jetpack Compose
- Vibe-coding assistito dall'IA ha permesso al designer di creare lo shader
- Ispirato dall'effetto Liquid Glass di Apple
- Progetto disponibile su GitHub: github.com/abduzeedo/SolidGlassShader/
- Demo su YouTube
Entità
Istituzioni
- Jetpack Compose
- Android
- AGSL
- Shadertoy.com
- Apple
- GitHub
- YouTube