WebGL-image-slider:使用JavaScript和WebGL和GLSL的非常简单的图像滑块

时间:2024-05-18 14:46:31
【文件属性】:

文件名称:WebGL-image-slider:使用JavaScript和WebGL和GLSL的非常简单的图像滑块

文件大小:8KB

文件格式:ZIP

更新时间:2024-05-18 14:46:31

gallery image-gallery image-slider JavaScript

WebGL图像滑块 使用GLSL,WebGL的图像滑块非常简单吗? 不使用任何外部JavaScript代码/库。 警告 CORS WebGL2 / WebGL不允许使用跨域数据 只有WebGL,没有其他兼容模式 基本例子 循环使用三个图像而没有“动画”功能的情况 使用“动画”功能 其他例子 1 2 3 选择图像 2 它是如何工作的: WebGL视口的画布属性的宽度和高度 此JavaScript逻辑的基本GLSL着色器(包括在GLSL中加载动画) unifs.js将此制服发送给GLSL: sampler2D u_texture1-3三种纹理 bool u_load0-2纹理加载状态,使用此状态可以在未加载纹理的情况下在GLSL中显示“正在加载”动画(我在所有着色器中都将其设置为动画) bool u_playback / u_playnext动画触发器的状态,如果两个都为


【文件预览】:
WebGL-image-slider-master
----v1()
--------simple_slider.html(2KB)
--------unifs.js(15KB)
--------fs.glsl(3KB)
--------vs.glsl(138B)
--------simple_slider_animfn.html(2KB)
----README.md(3KB)

网友评论