文件名称:photo.gl:使用JavaScript,WebGL和GLSL进行2D图像处理的示例
文件大小:7.82MB
文件格式:ZIP
更新时间:2024-06-13 00:27:40
HTML
Photo.gl 使用JavaScript和WebGL如何实现常见的照片操作操作的示例。 重点是编写GLSL代码。 该演示应用程序用作我在WebGL上的演讲的一部分。 您可以在查看演讲的录音 跑步 只需使用您选择的网络服务器托管该目录即可。 您还可以使用随附的webserver.sh脚本(前提是您拥有Python)来设置简单的开发服务器。 然后在浏览器中访问 。 着色器 自定义着色器放在/js/shaders ,并保存为.vert或.frag文件,以便于编辑。 使用Require.js插件将着色器加载到应用程序中,该插件可以在js/lib/shader 。 这样,您就可以在模块中获取着色器代码,如下所示: define( ["shader!simple.frag"], function ( simpleFrag ) { // Value of shader is now in
【文件预览】:
photo.gl-master
----shower()
--------shower.min.js(9KB)
--------Readme.md(639B)
--------License.md(3KB)
--------themes()
----index.html(2KB)
----intro.html(7KB)
----presentation.html(9KB)
----pictures()
--------fragment.svg(55KB)
--------vertex.svg(2KB)
--------pipeline.svg(4KB)
--------basicFrag.png(40KB)
--------poorCat.png(1.79MB)
--------poorGoat.png(1.81MB)
----js()
--------textures()
--------main.js(241B)
--------config.js(447B)
--------lib()
--------shaders()
--------require.js(15KB)
--------app()
----webserver.sh(713B)
----LICENSE(1KB)
----README.md(1KB)
----css()
--------style.css(945B)