WebGL-Shader-Shadertoy在线编辑平台

源地址：https://juejin.cn/post/7055552513738539022
作者：
Vticn

什么是Shadertoy？
Shadertoy 是一个帮助用户创建像素着色器并与他人共享的网站,由于它能帮助学习者零配置通过网页运行shader程序,此教程将在此平台上进行。Shadertoy 利用WebGL API在浏览器中使用 GPU 渲染图形。WebGL 允许您在 GLSL 中编写着色器并支持硬件加速。也就是说，您可以利用 GPU 并行处理屏幕上的像素以加快渲染速度。还记得在使用HTML Canvas APIctx.getContext('2d')时必须如何使用吗？Shadertoy 使用带有上下文的画布而不是 2d，因此您可以使用 WebGL 以更高的性能将像素绘制到屏幕上。