问题标签 [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.

0 投票
3 回答
2442 浏览

language-agnostic - 2D 运动模糊解决方案

我正在考虑将运动模糊添加到我的 2D 程序中,但我怀疑我当前算法的结果。

我的方法目前看起来像这样:

  • 绘制到后备缓冲区。
  • 当需要更新前缓冲区时,将后缓冲区混合到前缓冲区。
  • 重复

导致“运动模糊”效果的原因显然是混合,因为运动中的物体会留下褪色的痕迹。

这显然对硬件要求不是很高,无论如何都会完成双缓冲,唯一额外的步骤是 alpha 混合,这是一个简单的计算。但是,轨迹会非常锐利,而且一点也不模糊,这可能看起来有点奇怪。我可以在混合步骤之前在后台缓冲区上做一个盒子模糊,但感觉这对像 Nintendo DS 这样的低端系统来说可能非常费力。

是否有任何解决方案可以让我更有效地完成工作或产生更好看的结果?

0 投票
1 回答
3221 浏览

filter - 对角线运动模糊的卷积矩阵

我知道我的问题并不是真正的编程问题,而是出于编程需求。有没有人碰巧知道对角线运动模糊的卷积矩阵。3x3、4x4 或 5x5 都很好。

谢谢,

0 投票
1 回答
2221 浏览

c++ - OpenGL 运动模糊与 WxWidgets 中的累积缓冲区

我正在尝试在我的 OpenGL 应用程序中实现运动模糊效果。

我在某处阅读了这个解决方案,使用累积缓冲区:

在渲染循环结束时。

但是什么也没发生……我错过了什么?

genpfault 答案后的补充:

事实上,当我初始化我的上下文时,我并没有要求一个累积缓冲区。

因此,我尝试将属性数组传递给 my 的构造函数wxGLCanvas,如下所述: http: //docs.wxwidgets.org/2.6/wx_wxglcanvas.html

但我得到的只是一个友好的Seg fault。有人知道如何使用它吗?

(没有问题int attribList[]={ WX_GL_RGBA , WX_GL_DOUBLEBUFFER , 0}

0 投票
5 回答
5758 浏览

image-processing - 如何从图像中消除由于运动引起的失真

我正在尝试跟踪玩具车的运动。我录制了一些视频,现在尝试计算旋转。

我的问题是从物体表面提取特征由于运动模糊而变得具有挑战性。下图显示了从视频帧中裁剪的图像。失真发生在水平线上。此图像中看到的失真发生在物体移动时。当物体不移动时,没有失真。

图像显示当汽车沿对角线路径向前穿过图像框时,汽车的扭曲图像。

在此处输入图像描述

我尝试了一个基于中值和方差的维纳滤波器,但它并没有做太大的改进。它只给了我一个平滑的图像,就好像在它上面应用了高斯模糊一样。

我应该做哪些类型的增强以获得更好的图像?

视频 - 720 x 576 帧 - 25fps

0 投票
1 回答
351 浏览

directx - 运动模糊方向识别 DirectX

我将速度信息存储在纹理中。由于纹理只能具有 {0, 1} 范围内的颜色值,我应该如何确定速度的方向?一种解决方案是创建另一个纹理,该纹理仅存储速度的方向信息,但这将非常昂贵。有什么想法吗?

0 投票
1 回答
3273 浏览

javascript - 这种模糊效果是如何在 javascript 中完成的?

http://wowslider.com/jquery-image-rotator-terse-blur-demo.html

我找不到任何与模糊相关的 CSS 3 属性。而且他们似乎没有使用Flash ..

0 投票
2 回答
6399 浏览

javascript - 如何在 javascript/jquery 中应用运动模糊?

我想知道如何在 javascript/jquery 中制作运动模糊。我有一个水平画廊,我想在图像移动时应用运动模糊。实际上,它以这种方式完美地工作:具有运动模糊(photoshop)的叠加图像,不透明度根据图像的速度而变化。渲染看起来不错,但我需要加载所有图像的 2 倍,这很糟糕。在 html 中:

0 投票
1 回答
1416 浏览

objective-c - OpenGL ES 上的运动模糊实现

我是 OpenGL ES 1.1(用于 IOS)纹理的新手,我在制作运动模糊效果时遇到了问题。在谷歌搜索过程中,我发现我应该在不同的时间将场景渲染为几个纹理,然后在屏幕上用不同的 alpha 值绘制所有这些纹理。但问题是我不知道如何实现这一切!所以,我的问题是:

  1. 如何在屏幕上绘制 2D 纹理?我应该制作一个正方形并将纹理放在上面吗?或者,有一种方法可以直接在屏幕上绘制纹理吗?
  2. 如何在屏幕上以不同的 alpha 值绘制多个纹理(一个接一个)?

我已经提出了一些想法,但我不确定它们是否正确。提前致谢!

0 投票
2 回答
6547 浏览

javascript - javascript模糊图像

是否有除 Pixastic 或 jquery 扩展之外的 javascript 库来模糊图像?

情况: 我有一页搜索结果。结果由一群用户组成。这些用户拥有隐藏在按钮 ( display: none;) 下的图像列表。其中一些图像列表是私有的。需要模糊图像的私人列表。

尝试: 我已经尝试过那种仅限 firefox 的 css 技巧,但这似乎不起作用。我已经尝试过 Pixastic 的库、快速模糊以及普通模糊,但这首先给了我一个错误,因为我传递了一个 jquery 对象。但是当我将其更改为 DOM 对象时,它就不起作用(但没有给出更多错误)。我终于尝试使用他们实际演示中使用的代码(通过 firebug 获得),在 js 中创建图像,创建模糊效果处理程序并附加图像,但这只是附加图像,而不是模糊。

规格: 我在coldfusion工作,所以我要试一试ImageBlur(),但由于这必须在搜索结果页面中,模糊那么多图像服务器端可能不是一个好主意..

更新: 我正在尝试使用 blur.js,这似乎工作正常。但是当我第二次调用使用的函数 ( jqueryelement.blurjs();) 时,我的第一个图像不会变得模糊(它确实会被库处理并获得正确大小的背景,但没有图像),但第二个图像会。如果我动态构建 javascript 字符串服务器端,这意味着只有最后一个图像变得模糊.. : \

0 投票
1 回答
1005 浏览

qt - Qt 运动(线性)模糊

有没有简单的解决方案可以在 Qt 中为图像添加运动模糊?还没有找到任何关于模糊的好教程。我需要一些非常简单的东西,我可以理解,如果我能改变模糊角度,那就太好了。