raindrop-fx:使用WebGL2在玻璃上优化的雨滴效果

时间:2024-04-10 09:40:34
【文件属性】:

文件名称:raindrop-fx:使用WebGL2在玻璃上优化的雨滴效果

文件大小:2.6MB

文件格式:ZIP

更新时间:2024-04-10 09:40:34

webgl graphics TypeScript

雨滴FX 使用WebGL2优化玻璃上的雨滴效果 受启发 查看现场演示: : 来自背景图片 用法 用作npm包 您可能需要一些捆绑工具才能在浏览器中运行它。例如。 esbuild或webpack $ npm install raindrop-fx const RaindropFX = require ( "raindrop-fx" ) ; const canvas = document . querySelector ( "#canvas" ) ; const rect = canvas . getBoundingClientRect ( ) ; canvas . width = rect . width ; canvas . height = rect . height ; const raindropFx = new RaindropFX ( { canvas : canv


【文件预览】:
raindrop-fx-master
----.gitignore(2KB)
----tsconfig.json(6KB)
----build-node.js(509B)
----README.md(10KB)
----.gitmodules(109B)
----.github()
--------workflows()
----.vscode()
--------launch.json(471B)
----examples()
--------with-node()
--------with-browser()
----LICENSE(1KB)
----build-browser.js(523B)
----zogra-renderer()
----package.json(983B)
----dist()
--------raindrop.d.ts(983B)
--------random.d.ts(762B)
--------blur.d.ts.map(618B)
--------blur.d.ts(805B)
--------simulator.d.ts(3KB)
--------utils.d.ts(245B)
--------renderer.d.ts.map(2KB)
--------simulator.d.ts.map(2KB)
--------utils.d.ts.map(346B)
--------spawner.d.ts(623B)
--------index.js.map(483KB)
--------random.d.ts.map(683B)
--------index.js(207KB)
--------renderer.d.ts(4KB)
--------raindrop.d.ts.map(1000B)
--------spawner.d.ts.map(593B)
--------index.d.ts(739B)
--------index.d.ts.map(653B)
----bundle()
--------index.js.map(483KB)
--------index.js(207KB)
--------index.d.ts(109B)
----src()
--------spawner.ts(1KB)
--------blur.ts(4KB)
--------loader.d.ts(329B)
--------random.ts(2KB)
--------simulator.ts(8KB)
--------utils.ts(261B)
--------raindrop.ts(4KB)
--------index.ts(4KB)
--------shader()
--------renderer.ts(17KB)
----.npmignore(119B)
----demo.js(468B)
----index.html(490B)
----assets()
--------css()
--------img()
----package-lock.json(3KB)

网友评论