Скачать или смотреть 🎨 Shader Playground – WebGL2 + lil-gui + Custom Preset Manager ⚡ 1/Many

🎨 Shader Playground – WebGL2 + lil-gui + Custom Preset Manager ⚡

In this video, I’m showcasing my experimental WebGL shader playground, built with:
✨ WebGL2 for real-time rendering
✨ lil-gui for live parameter controls
✨ Config save/load system (JSON presets)
✨ Database integration for saving + browsing shader presets
✨ Gallery panel with live thumbnails generated from the canvas

Features:
🔹 Adjust hue, saturation, brightness, tunnel offsets, and animation speed in real-time
🔹 Save & load your own shader presets locally
🔹 Store shaders in a backend database with previews
🔹 Switch between shaders instantly with smooth tweening
🔹 Export + update thumbnails directly from the canvas
🔹 Fullscreen & gallery views for easy shader exploration

💡 Tech stack:

HTML5 + WebGL2

lil-gui (custom ESM build)

JavaScript (vanilla, async/await)

REST API for shader database