shader-art:带有GLSL着色器的WebGL艺术

时间:2024-05-26 06:02:52
【文件属性】:

文件名称:shader-art:带有GLSL着色器的WebGL艺术

文件大小:750KB

文件格式:ZIP

更新时间:2024-05-26 06:02:52

javascript webgl glsl glsl-shaders JavaScript

着色器艺术 更新19/12/19 我为这些着色器创建了一个全新的基于React的查看器。 现在,下面的链接将带您进入每个项目的代码。 19/12/29 / :在Three.js中试验顶点和片段着色器。 单击并拖动鼠标以爆炸光圈。 18年8月1日-:随机线。 18年7月30日-凹凸不平的:签名距离函数光线行进。 基于phong阴影的基于时间的位移和旋转。 18年7月29日- :HSB色轮,通过基于时间的旋转蒙版为2D甜甜圈。 18/7/27-:基本的半屏线性渐变。 18/7/24-:只是一个立方体。 18年7月22日-弗拉克( :基于Mandelbrot分形的基于时间的Julia·分形。 18年7月21日-:一个简单的曼德尔布罗分形。 18/ 20- :将GLSL着色器与A-Frame / three.js结合使用的实验。 18年7月18日-Squishy :具有


【文件预览】:
shader-art-master
----fonts()
--------fa-brands-400.ttf(95KB)
--------fa-brands.css(371B)
----.gitignore(20B)
----.babelrc(233B)
----package.json(926B)
----src()
--------menubutton.css(557B)
--------app.js(2KB)
--------codebutton.css(566B)
--------button.js(410B)
--------codebutton.js(343B)
--------select.css(472B)
--------select.js(892B)
--------menubutton.js(340B)
--------index.js(144B)
--------threejs.js(276B)
--------code.js(651B)
--------code.css(216B)
--------shader.css(45B)
--------app.css(524B)
--------shader.js(5KB)
----webpack.config.js(803B)
----yarn-error.log(222KB)
----boilerplate.js(3KB)
----spinning-color-wheel()
--------vertexshader.glsl(80B)
--------fragmentshader.glsl(1KB)
--------index.html(531B)
----README.md(2KB)
----style.css(110B)
----docs()
--------glsl-juliafractal()
--------glsl-spinning-color-wheel()
--------glsl-mandelbrot()
--------glsl-very-basic()
--------glsl-random-lines()
--------glsl-squishydonutspin()
--------glsl-bumpy-sphere()
--------glsl-kaleidoscope()
--------threejs-icosphere-explode()
--------OrbitControls.js(24KB)
--------glsl-just-a-cube()
--------three.min.js(583KB)
--------index.html(507B)
--------glsl-cubes()
--------bundle.js(149KB)
----yarn.lock(216KB)
----a-chain()
--------script.js(464B)
--------aframe-orbit-controls-component.min.js(17KB)
--------aframe-v0.8.2.min.js(1.05MB)
--------index.html(3KB)

网友评论