问题标签 [motion-blur]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 更好的画布运动模糊
之前有人问过,但接受的解决方案对我不起作用(从字面上看,在链接的演示中没有什么对我来说是模糊的),而且它有点涉及两个画布元素。
我目前正在使用“穷人”运动模糊技术,它基本上涉及将源图像一遍又一遍地粘贴到画布上,并在每次迭代后将一个与背景颜色相同的半透明矩形放在顶部。
这是一个演示:http: //jsfiddle.net/YmABP/
如您所见,它对图像的边缘效果很好,但图像的内部部分最终不会变得模糊,并且对于具有部分透明度的图像看起来很糟糕。
有没有更好的运动模糊技术?理想情况下,我希望能够做类似的事情context.drawImage
并传递一个不透明度参数,但 AFAIK 不存在这样的东西。某些图像可能托管在第三方域上,因此我无法访问单个像素数据。如果归根结底,我们可以将图像拉到我们的服务器上,然后我可以遍历每个像素并将其绘制为一个半透明的小矩形,但这似乎有点矫枉过正。
有谁知道更好的运动模糊解决方案,最好是我可以与远程图像一起使用的解决方案?
我怀疑这很重要,但就我目前的目的而言,事情只会向上发展。
opengl - OpenGL 动态对象运动模糊
我一直在关注如何根据相机移动进行模糊的 GPU Gems 3 教程。但是我也想实现基于对象移动的模糊。该解决方案在文章中介绍(请参阅下面的引用),但是我很好奇如何准确地实现它。
目前我将对象的矩阵乘以视图投影,然后再次分别用于前一个视图投影,然后将它们传递到像素着色器以计算速度而不仅仅是视图投影。
如果这实际上是正确的方法,那么为什么我不能简单地传入模型视图投影?我会假设它们是相同的值?
要为刚体动态对象生成速度纹理,请使用当前帧的视图-投影矩阵和最后一帧的视图-投影矩阵变换对象,然后以与后处理通道相同的方式计算视口位置的差异。应该通过将两个转换后的位置传递到像素着色器并在那里计算速度来计算每个像素的速度。
java - 从 Graphics2D (JAVA) 获取 awt.Image 数据
我正在为我的游戏引擎创建一个糟糕的运动模糊效果,并且我有一个五个索引的图像数组,我命名为 MotionBlur[]。
每次我的图形对象完成在屏幕上的绘制时,我都需要将该数据存储到 MotionBlur[0] 中。每一帧图像都从 0 向下移动到 4,然后被踢出。我将在最后一张之后绘制每张图片,使用不同的、适当的透明度。
我要问的是如何将 Graphics2D 数据存储到 awt.Image 中。
感谢所有帮助
3d - DirectX - Blur objects according to z coordinate of the object
I want to blur objects in my 3D scene according to the object's z coordinate (the coordinate going into the screen). Say for z=5 blur amount=0, z=10 blur=50, z=-30 blur=40. This has to happen for every object.
- How can I do this?
- Do I have to use directx 9.0c or up to implement this (because of shaders)?
Do I make use of the Z buffer? I'm a bit new to DirectX.
image - 用于去模糊的 Matlab 维纳滤波器
我正在使用维纳滤镜对图像进行去模糊处理。
http://www.mathworks.it/it/help/images/ref/deconvwnr.html
重要的片段在这里:
问题是 deconwnr 需要使用原始图像 I 计算的 NSR 估计值。
但我没有原始图像,我只有blurred_noisy
图像。
我应该将什么值作为 estmated_nsr 传递?
javascript - 滚动上的运动模糊效果
我试图在滚动时对 HTML div 应用运动模糊效果。为此,我需要每 1/5 秒对每个 div 进行一次克隆,并在滚动时将其位置固定在页面上。我还需要每 1/5 秒降低每个 div 克隆的不透明度,并确保页面上一次只有 5 个 div 克隆(这样我就可以拥有数百个 div 克隆几秒钟后的页面)。是否可以使用这种方法在 JavaScript 中创建运动模糊效果?
java - 给定角度和幅度的运动模糊卷积矩阵
我有 Java 代码,它采用卷积矩阵(只是 2D double[][]
)并将其应用于图像。我试图弄清楚如何创建一个矩阵,该矩阵将给出运动模糊,给定一个角度(以度为单位)和一个模糊幅度。
幅度 = 1 的模糊示例矩阵(中间像素在每个方向上模糊一个像素),45 度运动模糊为:
幅度决定了矩阵的大小(大小 = 2*幅度 + 1),并且单行单元格在运动方向上是非零的。
我遇到的问题是在给定角度的情况下确定矩阵中哪些单元格非零所需的数学/代码。
伪(或实际)代码将非常有帮助!
c++ - 没有累积缓冲区的OpenGL运动模糊
我正在尝试使用 OpenGL 实现真正的运动模糊,但没有累积缓冲区(因为它在我的显卡上不起作用)。这是我的实施想法:
- 每个“模糊”都有一个固定的(临时)空白帧缓冲区和纹理数组
- 每当遇到新帧时,将第一个元素移动到末尾,然后渲染到该帧缓冲区
- 将它们全部渲染,第一帧的不透明度为 1/ n,第二帧的不透明度为 1/( n /2),等等……直到最新的帧为 1。
有没有比这更简单/更快/更优化的方法?或者这是最好的解决方案?
javascript - 如何使用 Javascript 检测图片是否模糊?
我在 javascript 字符串中有一个 jpeg 数据 url。有没有办法可以检测到图片的“模糊”?图片来自正在浏览器中处理的视频。
我知道这并不简单,并且没有明确的模糊标准,但是有没有办法测量模糊?
opencv - 检测图像的模糊程度
我想检测图像的模糊程度,可能它可以称为“模糊扩展”。我为此找到了一篇有用的论文:
http://www.cs.cmu.edu/~htong/pdf/ICME04_tong.pdf
我使用 OpenCV 并实现了本文的所有步骤,但结果与本文的结果不同。
有人可以给我任何关于检测“模糊扩展”的建议吗?