开了个 React 组件库，一键给网页添加 WebGL 动态背景，欢迎 PR！

[ciaochaos]

刚开始整，架构还不是很完善，欢迎讨论～～

• github.com/latentcat/uvcanvas
• uvcanvas.com

[vczyh]

@rm0gang0rf 哈哈哈哈

[rabbbit]

shadertoy 的默认协议为 CC BY-NC-SA 3.0 DEED ，需要署名且禁止商业使用。
这可能会导致一定的协议问题，可以改为由用户上传或分发 Shader 。

https://creativecommons.org/licenses/by-nc-sa/3.0/deed.zh-hans
https://www.shadertoy.com/terms

[rabbbit]

并且 cc3.0 限制不能改变协议

[ciaochaos]

@rabbbit nice 感谢，起步阶段先加了一些 shadertoy ，后续尽可能保持原创并给这几个来自 shadertoy 的打上 non-commercial 的标签

[ciaochaos]

@rabbbit 不能改变协议的协议，就只能要么后续下架，要么留联系方式请作者联系了，哈哈

[LiuJiang]

已 star ，谢谢大佬贡献

[rabbbit]

@ciaochaos
感觉挂个标签让用户自己选择就行，cc3.0 应该不像 GPL 传染吧。

[ciaochaos]

@rabbbit 嗯嗯

[alphardex]

同喜欢玩 Shader ，资瓷下

[xieqiqiang00]

v2 里少有的的真正让人眼前一亮的项目

[admol]

和我想的加背景有点不一样，我以为是给某个 Div 加背景，结果是占位加背景。

<Zenitho /> 好像有 BUG ，我放在我一个 div 里面的，就它宽度会 1680 ，其他都是和外面 Div 一样的宽度

<div class="isLoaded"><canvas style="--gradient-color-1:#ef008f; --gradient-color-2:#6ec3f4; --gradient-color-3:#7038ff; --gradient-color-4:#ffba27;" width="1680" height="600" class="isLoaded"></canvas></div>

[admol]

用上了，感谢
https://sora-text-to-video.com

[xmtpw]

支持大佬，加星

[ciaochaos]

@admol 666

也感谢各位支持！现在这个项目还很不完善哈哈，受宠若惊，后面想加一个 MDX 的幻灯片组件，然后可以一键加上动态背景～欢迎前来交流

[hellofreckles]

逻辑不复杂，完全可以用一套适配层生成 react vue selvet 一系列库

[rain0002009]

字体背景搞成这样的是不是更炫酷一点

[7gugu]

感觉 UI 很精致

[murongxdb]

酷

[Jack927]

希望有 js 原生的版本，或者 web component 的版本，这样就能在任何地方使用了。

[Cubat]

太强了，很精致