glslCanvas:使用WebGL在HTML Canvas上加载GLSL着色器的简单工具

时间:2024-05-23 04:21:52
【文件属性】:

文件名称:glslCanvas:使用WebGL在HTML Canvas上加载GLSL着色器的简单工具

文件大小:506KB

文件格式:ZIP

更新时间:2024-05-23 04:21:52

javascript webgl canvas shaders html-canvas

是一个JavaScript库,可帮助您轻松地将GLSL片段和顶点着色器加载到HTML画布中。 我已经在和使用了此。 如何使用它? 有不同的方法可以做到这一点。 但是首先,通过在HTML中添加以下行,确保您正在页面上加载最新版本的GlslCanvas.js : < script type =" text/javascript " src =" https://rawgit.com/patriciogonzalezvivo/glslCanvas/master/dist/GlslCanvas.js " > </ script > 或者,如果您在控制台上使用npm软件包管理器,请执行以下操作: npm install glslCanvas 简单的方法 在HTML中创建一个canvas元素。 将类名称glslCanvas添加到画布。 为它分配一个着色器... 通过使用属性data-fr


【文件预览】:
glslCanvas-master
----.jshintrc(754B)
----index.html(9KB)
----rollup.config.js(1KB)
----.jshintignore(1B)
----yarn.lock(77KB)
----src()
--------GlslCanvas.js(26KB)
--------gl()
--------tools()
----.babelrc(294B)
----lib()
--------GlslCanvas.js(70KB)
----.travis.yml(139B)
----LICENSE(1KB)
----README.md(5KB)
----dist()
--------GlslCanvas.js(71KB)
--------GlslCanvas.min.js(28KB)
--------GlslCanvas.min.js.map(87KB)
--------GlslCanvas.es.js(60KB)
----data()
--------logo.jpg(12KB)
--------moon.jpg(353KB)
----.jscsrc(2KB)
----.gitignore(64B)
----package-lock.json(112KB)
----buffers.html(4KB)
----package.json(2KB)

网友评论