Giuseppe Recupero，在网上更广为人知的名字是 Jae，他拥有一个精美的着色器作品集，这些着色器直接用 WebGL 在浏览器中构建，专注于 色散、吸收和次表面散射等效果。 这个特别的实验探索了 2D 与 3D 图形之间的边界，研究当布料模拟控制折射材质表面时会发生什么。最终效果真的像由玻璃制成的果冻，并结合了光线步进立方体、色散和实时折射。

你也可以自己试一试：悬停并拖动来探索界面，看看它如何实时响应。通过点击此链接访问。

Jae 最近在他的玻璃实验中加入了软体物理，当你旋转骰子时，小圆点会移动，然后回到原位。这一切都在浏览器中实时运行。

Jae 还练习代码高尔夫（code golfing），这是一种编程挑战，要求你尽可能缩短代码长度。他在 FragCoord 上分享了许多着色器实验。FragCoord 是一个在线着色器分享平台，由 XorDev 创建，作为 Shadertoy 的替代品。

如果你想学习着色器编程，XorDev 最近将他 70 多个教程开放给所有人。这些教程更像是深入探讨，而非逐步指导，解释了着色器背后的数学和技术，从噪声和光线行进到分形等等。不过，他也分享了一些可直接使用的着色器，包括用于创建玻璃效果的着色器。

如果你对创意编程感兴趣，这里还有几个项目值得一看：mesq 的 Q弹果冻甜点 以及 ScottieFox 的 漂亮的水面焦散：

相关链接

• clicking this link
• shares

原文链接：https://80.lv/articles/explore-this-tactile-ui-powered-by-real-time-webgl-shader