文件名称：bloom-effect-example:近乎最佳的WebGL中基于次优的基于Regl的Bloom效果
文件大小：477KB
文件格式：ZIP
更新时间：2024-05-26 06:02:57
JavaScript
布鲁姆效应示例 的WebGL中基于的Bloom效果 介绍 本示例使用在WebGL中执行Bloom效果。 为了以较少的通过次数实现相对平滑的模糊处理，在计算模糊时对完整尺寸的帧缓冲区进行下采样，并执行例如半径32、16、8、4、2，最后是1个像素的模糊处理。 这使得它实际上并不是精确的高斯模糊，但似乎可以完成工作。 请注意，这里的目标不是最佳实现Bloom效果，而是提供一种实现类似这些效果的后处理效果的。 我希望此仓库对某人有用，但不要高估其价值。 :grinning_face_with_smiling_eyes: 如果您真的要执行实时绽放，则标准似乎是mip-map /图像金字塔和某种组合。 更新：我还添加了一个FFT实现，该实现执行完整的转换并使用某种星形模式而不是高斯内核。 执照 分级为4 +:copyright:2020 Ricky Reusser。 MIT许可证。
【文件预览】：
bloom-effect-example-master
----.gitignore(13B)
----blit.js(353B)
----fft.js(3KB)
----composite.js(3KB)
----package.json(2KB)
----package-lock.json(178KB)
----LICENSE.md(1KB)
----draw-env.js(1KB)
----initialize-bloom.js(1KB)
----convolve.js(529B)
----index.js(10KB)
----blur.js(4KB)
----README.md(1KB)
----draw-mesh.js(2KB)
----regl-turntable-camera.js(3KB)
----initialize-kernel.js(2KB)
----fft-kernel.js(5KB)
----docs()
--------assets()
--------index.html(305KB)
--------bloom.jpg(26KB)